/* ======================================== POSTANI PARTNER - RIBOLOVNO.HR ======================================== */ /* ======================================== PAGE LAYOUT - FULL WIDTH ======================================== */ body.page-id-4590 .site-content, body.page-id-4590 .content-area, body.page-id-4590 .site-content > .container, body.page-id-4590 .hp-page, body.page-id-4590 .hp-page__content { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } /* ======================================== ELEMENTOR OUTER CONTAINERS ======================================== */ body.page-id-4590 .elementor { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; } body.page-id-4590 .elementor > .e-con { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; } /* ======================================== BOX SIZING ======================================== */ body.page-id-4590 .elementor, body.page-id-4590 .elementor *, body.page-id-4590 .elementor *::before, body.page-id-4590 .elementor *::after { box-sizing: border-box; } /* ======================================== WPForms — UPIT ZA PARTNERSTVO ======================================== */ body.page-id-4590 .wpforms-container { width: min(100%, 820px) !important; margin: 38px auto 60px !important; padding: 34px !important; background: rgba(3, 15, 10, .96) !important; border: 1px solid rgba(34, 197, 94, .28) !important; border-radius: 18px !important; box-shadow: 0 18px 45px rgba(0, 0, 0, .28), 0 0 22px rgba(34, 197, 94, .06) !important; } body.page-id-4590 .wpforms-container .wpforms-field { padding: 0 0 20px !important; } body.page-id-4590 .wpforms-container .wpforms-field-label { margin: 0 0 8px !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-size: 15px !important; font-weight: 700 !important; line-height: 1.35 !important; } /* Multiple Choice koristi LEGEND pa ga ujednači s ostalim nazivima polja */ body.page-id-4590 .wpforms-container .wpforms-field-radio > legend.wpforms-field-label, body.page-id-4590 .wpforms-container .wpforms-field-radio legend.wpforms-field-label { font-weight: 600 !important; } body.page-id-4590 .wpforms-container .wpforms-required-label { color: var(--ribo-green) !important; -webkit-text-fill-color: var(--ribo-green) !important; } body.page-id-4590 .wpforms-container input[type="text"], body.page-id-4590 .wpforms-container input[type="email"], body.page-id-4590 .wpforms-container input[type="tel"], body.page-id-4590 .wpforms-container input[type="url"], body.page-id-4590 .wpforms-container textarea, body.page-id-4590 .wpforms-container select { width: 100% !important; background: rgba(255, 255, 255, .055) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border: 1px solid rgba(255, 255, 255, .16) !important; border-radius: 10px !important; box-shadow: none !important; outline: 0 !important; } body.page-id-4590 .wpforms-container input[type="text"], body.page-id-4590 .wpforms-container input[type="email"], body.page-id-4590 .wpforms-container input[type="tel"], body.page-id-4590 .wpforms-container input[type="url"], body.page-id-4590 .wpforms-container select { min-height: 50px !important; padding: 11px 14px !important; } body.page-id-4590 .wpforms-container textarea { min-height: 150px !important; padding: 13px 14px !important; resize: vertical !important; } body.page-id-4590 .wpforms-container input:focus, body.page-id-4590 .wpforms-container textarea:focus, body.page-id-4590 .wpforms-container select:focus { background: rgba(34, 197, 94, .065) !important; border-color: var(--ribo-green) !important; box-shadow: 0 0 0 3px rgba(34, 197, 94, .10) !important; } body.page-id-4590 .wpforms-container .wpforms-field-radio ul, body.page-id-4590 .wpforms-container .wpforms-field-checkbox ul { margin: 0 !important; padding: 0 !important; list-style: none !important; } body.page-id-4590 .wpforms-container .wpforms-field-radio li, body.page-id-4590 .wpforms-container .wpforms-field-checkbox li { margin: 0 0 10px !important; padding: 0 !important; } body.page-id-4590 .wpforms-container .wpforms-field-radio label, body.page-id-4590 .wpforms-container .wpforms-field-checkbox label { color: rgba(255, 255, 255, .88) !important; -webkit-text-fill-color: rgba(255, 255, 255, .88) !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.5 !important; } body.page-id-4590 .wpforms-container input[type="radio"], body.page-id-4590 .wpforms-container input[type="checkbox"] { width: 19px !important; height: 19px !important; margin-right: 8px !important; accent-color: var(--ribo-green) !important; vertical-align: -3px !important; } /* GDPR */ body.page-id-4590 .wpforms-container .wpforms-field-gdpr-checkbox { margin-top: 2px !important; padding-top: 18px !important; border-top: 1px solid rgba(255, 255, 255, .08) !important; } /* Naslov GDPR polja */ body.page-id-4590 .wpforms-container .wpforms-field-gdpr-checkbox > .wpforms-field-label, body.page-id-4590 .wpforms-container .wpforms-field-gdpr-checkbox > legend.wpforms-field-label { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* Tekst same privole — jači selector da ga theme/forms CSS ne vrati na crno */ body.page-id-4590 div.wpforms-container-full .wpforms-form .wpforms-field-gdpr-checkbox label, body.page-id-4590 div.wpforms-container-full .wpforms-form .wpforms-field-gdpr-checkbox .wpforms-field-label-inline, body.page-id-4590 .wpforms-container .wpforms-field-gdpr-checkbox label, body.page-id-4590 .wpforms-container .wpforms-field-gdpr-checkbox .wpforms-field-label-inline { color: rgba(255, 255, 255, .76) !important; -webkit-text-fill-color: rgba(255, 255, 255, .76) !important; font-size: 13px !important; font-weight: 400 !important; line-height: 1.55 !important; opacity: 1 !important; } body.page-id-4590 .wpforms-container .wpforms-error { color: #f87171 !important; -webkit-text-fill-color: #f87171 !important; } body.page-id-4590 .wpforms-container .wpforms-submit-container { margin: 4px 0 0 !important; padding: 0 !important; text-align: center !important; } body.page-id-4590 .wpforms-container button[type="submit"], body.page-id-4590 .wpforms-container .wpforms-submit { min-width: 280px !important; min-height: 54px !important; padding: 13px 28px !important; background: linear-gradient(180deg, #16a34a 0%, #08752f 100%) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; border: 1px solid #22c55e !important; border-radius: 12px !important; box-shadow: 0 9px 22px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .08) !important; font-size: 17px !important; font-weight: 800 !important; cursor: pointer !important; } body.page-id-4590 .wpforms-container button[type="submit"]:hover, body.page-id-4590 .wpforms-container .wpforms-submit:hover { transform: translateY(-2px) !important; filter: brightness(1.08) !important; } /* ======================================== WPForms — CONFIRMATION PORUKA ======================================== */ body.page-id-4590 .wpforms-confirmation-container-full, body.page-id-4590 .wpforms-confirmation-container { width: min(100%, 820px) !important; margin: 38px auto 60px !important; padding: 22px 24px !important; background: rgba(3, 15, 10, .97) !important; border: 1px solid rgba(34, 197, 94, .52) !important; border-radius: 14px !important; box-shadow: 0 15px 35px rgba(0, 0, 0, .25), 0 0 18px rgba(34, 197, 94, .08) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } body.page-id-4590 .wpforms-confirmation-container-full p, body.page-id-4590 .wpforms-confirmation-container p { color: rgba(255, 255, 255, .88) !important; -webkit-text-fill-color: rgba(255, 255, 255, .88) !important; } /* ======================================== WPForms — RESPONSIVE ======================================== */ @media (max-width: 767px) { body.page-id-4590 .wpforms-container, body.page-id-4590 .wpforms-confirmation-container-full, body.page-id-4590 .wpforms-confirmation-container { width: calc(100% - 28px) !important; margin: 28px auto 42px !important; padding: 22px 18px !important; border-radius: 14px !important; } body.page-id-4590 .wpforms-container button[type="submit"], body.page-id-4590 .wpforms-container .wpforms-submit { width: 100% !important; min-width: 0 !important; } } @media (min-width: 768px) and (max-width: 1199px) { body.page-id-4590 .wpforms-container, body.page-id-4590 .wpforms-confirmation-container-full, body.page-id-4590 .wpforms-confirmation-container { width: min(calc(100% - 48px), 820px) !important; } } /* ======================================== WPForms — ŽELJENI PAKET FINAL FIX WPForms koristi za Multiple Choice label. ======================================== */ body.page-id-4590 .wpforms-container legend, body.page-id-4590 .wpforms-container fieldset legend, body.page-id-4590 .wpforms-container .wpforms-field-radio legend, body.page-id-4590 .wpforms-container .wpforms-field-radio .wpforms-field-label { font-weight: 400 !important; font-family: inherit !important; letter-spacing: normal !important; } /* ======================================== HERO NASLOV — FIX 1199–1209 PX ======================================== */ @media (min-width: 1199px) and (max-width: 1210px) { body.page-id-4590 .partner-hero-title { display: flex !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 10px !important; flex-wrap: nowrap !important; } body.page-id-4590 .partner-hero-title-left, body.page-id-4590 .partner-hero-title-green { width: auto !important; max-width: none !important; flex: 0 0 auto !important; margin: 0 !important; } } /* Pomoćni tekst ispod polja partnerske forme */ body.page-id-4590 div.wpforms-container-full .wpforms-form .wpforms-field-description, body.page-id-4590 .wpforms-container .wpforms-field-description { color: #ffffff !important; -webkit-text-fill-color: rgba(255, 255, 255, .76) !important; opacity: 1 !important; font-size: 13px !important; line-height: 1.5 !important; }