/* ============================================================== ELITATUR — ELIA ORBIT SCHOOL SEARCH FINAL V30.11 ============================================================== Kapsam: - Sadece /okul-turlari arama merkezi - Hero kapsam DISI - Kartlar kapsam DISI - Normal turlar kapsam DISI ============================================================== */ /* ========================================================== DESIGN TOKENS ========================================================== */ body.pd-site.elia-orbit-2035 .elia-inner--school{ --school-search-navy-1:#061d38; --school-search-navy-2:#082b50; --school-search-navy-3:#0b365f; --school-search-border:#3977a6; --school-search-border-soft:rgba(61,126,175,.55); --school-search-gold-1:#ffe18a; --school-search-gold-2:#ebb84e; --school-search-gold-3:#d49b31; --school-search-text:#f3f8fc; --school-search-muted:#97bddb; } /* ========================================================== OUTER SEARCH CENTER ========================================================== */ body.pd-site.elia-orbit-2035 .elia-inner--school .elia-inner-search-shell{ margin-top:36px !important; padding:18px !important; border: 1px solid rgba(52,122,174,.90) !important; border-radius: 18px !important; background: radial-gradient( circle at 100% 0%, rgba(30,92,141,.16), transparent 42% ), linear-gradient( 145deg, #072a4e 0%, #051c37 100% ) !important; box-shadow: 0 22px 60px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.035) !important; overflow: hidden !important; } body.pd-site.elia-orbit-2035 .elia-inner--school .pd-search{ margin: 0 !important; padding: 16px !important; border: 1px solid var(--school-search-border-soft) !important; border-radius: 14px !important; background: linear-gradient( 145deg, rgba(10,48,86,.92), rgba(5,29,56,.96) ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important; } /* ========================================================== TOP TABS ========================================================== */ body.pd-site.elia-orbit-2035 .elia-inner--school .pd-search-tabs{ display:flex !important; align-items:center !important; flex-wrap: wrap !important; gap: 9px !important; width: 100% !important; margin: 0 0 27px !important; padding: 0 0 17px !important; border-bottom: 1px solid rgba(73,135,179,.42) !important; background: transparent !important; } body.pd-site.elia-orbit-2035 .elia-inner--school .pd-search-tabs a{ display:inline-flex !important; align-items:center !important; justify-content:center !important; gap: 8px !important; min-height: 44px !important; padding: 0 19px !important; border: 1px solid #3b78a5 !important; border-radius: 10px !important; background: linear-gradient( 145deg, #0b355d, #072946 ) !important; color: #dcebf7 !important; text-decoration: none !important; font-size: 12px !important; font-weight: 850 !important; white-space: nowrap !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important; transition: transform .16s ease, border-color .16s ease, background .16s ease, color .16s ease !important; } body.pd-site.elia-orbit-2035 .elia-inner--school .pd-search-tabs a:hover{ transform: translateY(-1px) !important; border-color: #e9b64c !important; color: #ffd872 !important; } body.pd-site.elia-orbit-2035 .elia-inner--school .pd-search-tabs a[aria-current="page"]{ border-color: #f3c75f !important; background: linear-gradient( 112deg, var(--school-search-gold-1), var(--school-search-gold-2) 58%, var(--school-search-gold-3) ) !important; color: #06162c !important; box-shadow: 0 8px 20px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.38) !important; } /* ========================================================== COMMON RESET ========================================================== */ body.pd-site.elia-orbit-2035 .elia-inner--school .pd-school-search-main, body.pd-site.elia-orbit-2035 .elia-inner--school .pd-school-search-main *{ box-sizing: border-box !important; } /* ========================================================== DESKTOP ========================================================== */ @media (min-width:1100px){ /* ---------------------------------------------------------- MAIN ROW ---------------------------------------------------------- 45% destination remaining flexible accommodation 255px CTA */ body.pd-site.elia-orbit-2035 .elia-inner--school .pd-search-form .pd-school-search-main{ display:grid !important; grid-template-columns: minmax(360px,1.22fr) minmax(390px,1fr) 255px !important; grid-template-rows: 94px !important; gap: 16px !important; align-items: stretch !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } /* ====================================================== DESTINATION ====================================================== */ body.pd-site.elia-orbit-2035 .elia-inner--school .pd-school-search-main .pd-field-destination{ grid-column: 1 !important; grid-row: 1 !important; position: relative !important; display:flex !important; flex-direction: column !important; justify-content: center !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: 94px !important; min-height: 94px !important; margin: 0 !important; padding: 15px 18px 15px 70px !important; inset: auto !important; transform: none !important; border: 1px solid #407dac !important; border-radius: 14px !important; background: linear-gradient( 145deg, #0b3965, #072947 ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 9px 24px rgba(0,0,0,.13) !important; overflow: hidden !important; } body.pd-site.elia-orbit-2035 .elia-inner--school .pd-school-search-main .pd-field-destination::before{ content: "●" !important; position: absolute !important; left: 22px !important; top: 50% !important; transform: translateY(-50%) !important; display:flex !important; align-items:center !important; justify-content:center !important; width: 34px !important; height: 34px !important; border: 1px solid rgba(241,193,85,.72) !important; border-radius: 50% !important; background: rgba(5,26,50,.58) !important; color: #efbd55 !important; font-size: 11px !important; box-shadow: 0 0 0 5px rgba(239,189,85,.04) !important; } body.pd-site.elia-orbit-2035 .elia-inner--school .pd-field-destination > span{ display:block !important; margin: 0 0 8px !important; padding: 0 !important; color: var(--school-search-muted) !important; font-size: 10px !important; line-height: 1.1 !important; font-weight: 850 !important; letter-spacing: .025em !important; text-transform: uppercase !important; } body.pd-site.elia-orbit-2035 .elia-inner--school .pd-field-destination input{ display:block !important; width: 100% !important; min-width: 0 !important; min-height: 34px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; outline: 0 !important; background: transparent !important; color: var(--school-search-text) !important; font-size: 18px !important; line-height: 1.2 !important; font-weight: 720 !important; } body.pd-site.elia-orbit-2035 .elia-inner--school .pd-field-destination input::placeholder{ color: #bfd3e4 !important; opacity: .86 !important; } body.pd-site.elia-orbit-2035 .elia-inner--school .pd-field-destination:focus-within{ border-color: #eebd53 !important; box-shadow: 0 0 0 3px rgba(238,189,83,.11), 0 11px 28px rgba(0,0,0,.18) !important; } /* ====================================================== ACCOMMODATION ====================================================== */ body.pd-site.elia-orbit-2035 .elia-inner--school .pd-school-search-main .pd-school-stay-filter{ grid-column: 2 !important; grid-row: 1 !important; min-inline-size: 0 !important; position: relative !important; display:grid !important; grid-template-columns: .70fr 1.15fr 1.25fr !important; grid-template-rows: 52px !important; align-content: end !important; gap: 0 !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: 94px !important; min-height: 94px !important; margin: 0 !important; padding: 34px 7px 7px !important; inset: auto !important; transform: none !important; border: 1px solid #407dac !important; border-radius: 14px !important; background: linear-gradient( 145deg, #0b3863, #072846 ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 9px 24px rgba(0,0,0,.13) !important; overflow: hidden !important; } body.pd-site.elia-orbit-2035 .elia-inner--school .pd-school-stay-filter legend{ position: absolute !important; top: 10px !important; left: 14px !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; color: var(--school-search-muted) !important; font-size: 10px !important; line-height: 1 !important; font-weight: 850 !important; letter-spacing: .025em !important; text-transform: uppercase !important; } body.pd-site.elia-orbit-2035 .elia-inner--school .pd-school-stay-filter label{ position: relative !important; display:block !important; width: 100% !important; min-width: 0 !important; height: 52px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } body.pd-site.elia-orbit-2035 .elia-inner--school .pd-school-stay-filter label:first-of-type span{ border-radius: 9px 0 0 9px !important; } body.pd-site.elia-orbit-2035 .elia-inner--school .pd-school-stay-filter label:last-of-type span{ border-radius: 0 9px 9px 0 !important; } body.pd-site.elia-orbit-2035 .elia-inner--school .pd-school-stay-filter label:not(:first-of-type) span{ border-left: 0 !important; } body.pd-site.elia-orbit-2035 .elia-inner--school .pd-school-stay-filter input{ position: absolute !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important; } body.pd-site.elia-orbit-2035 .elia-inner--school .pd-school-stay-filter span{ display:flex !important; align-items:center !important; justify-content:center !important; width: 100% !important; min-width: 0 !important; height: 52px !important; min-height: 52px !important; margin: 0 !important; padding: 0 9px !important; border: 1px solid #3d79a5 !important; border-radius: 0 !important; background: linear-gradient( 145deg, #0b345b, #082b4a ) !important; color: #e5eef7 !important; font-size: 11px !important; line-height: 1 !important; font-weight: 850 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: clip !important; cursor: pointer !important; transition: background .16s ease, border-color .16s ease, color .16s ease !important; } body.pd-site.elia-orbit-2035 .elia-inner--school .pd-school-stay-filter input:not(:checked) + span:hover{ background: #12416c !important; color: #fff !important; } body.pd-site.elia-orbit-2035 .elia-inner--school .pd-school-stay-filter input:checked + span{ border-color: #f1c35a !important; background: linear-gradient( 112deg, var(--school-search-gold-1), var(--school-search-gold-2) 58%, var(--school-search-gold-3) ) !important; color: #06162c !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.34) !important; } /* ====================================================== CTA ====================================================== */ body.pd-site.elia-orbit-2035 .elia-inner--school .pd-school-search-main .pd-search-submit{ grid-column: 3 !important; grid-row: 1 !important; position: relative !important; display:flex !important; visibility: visible !important; opacity: 1 !important; align-items: center !important; justify-content: center !important; gap: 13px !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: 94px !important; min-height: 94px !important; max-height: 94px !important; margin: 0 !important; padding: 0 20px !important; inset: auto !important; transform: none !important; float: none !important; border: 1px solid #f4ca65 !important; border-radius: 14px !important; background: linear-gradient( 112deg, var(--school-search-gold-1), var(--school-search-gold-2) 56%, var(--school-search-gold-3) ) !important; color: #06162c !important; font-size: 16px !important; line-height: 1 !important; font-weight: 950 !important; letter-spacing: .005em !important; white-space: nowrap !important; box-shadow: 0 13px 30px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.38) !important; overflow: hidden !important; cursor: pointer !important; transition: transform .16s ease, box-shadow .16s ease !important; } body.pd-site.elia-orbit-2035 .elia-inner--school .pd-search-submit:hover{ transform: translateY(-2px) !important; box-shadow: 0 17px 35px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.42) !important; } body.pd-site.elia-orbit-2035 .elia-inner--school .pd-search-submit-icon{ display:inline-flex !important; align-items:center !important; justify-content:center !important; font-size: 26px !important; line-height: 1 !important; } } /* ========================================================== MEDIUM DESKTOP ========================================================== */ @media(min-width:1100px) and (max-width:1350px){ body.pd-site.elia-orbit-2035 .elia-inner--school .pd-search-form .pd-school-search-main{ grid-template-columns: minmax(350px,1.15fr) minmax(400px,1fr) 220px !important; gap: 11px !important; } body.pd-site.elia-orbit-2035 .elia-inner--school .pd-school-stay-filter span{ padding: 0 6px !important; font-size: 10px !important; } body.pd-site.elia-orbit-2035 .elia-inner--school .pd-school-search-main .pd-search-submit{ font-size: 14px !important; padding: 0 13px !important; } } /* ========================================================== LARGE DESKTOP ========================================================== */ @media(min-width:1600px){ body.pd-site.elia-orbit-2035 .elia-inner--school .pd-search-form .pd-school-search-main{ grid-template-columns: minmax(520px,1.30fr) minmax(500px,1fr) 280px !important; gap: 18px !important; } } /* ========================================================== TABLET ========================================================== */ @media(min-width:700px) and (max-width:1099px){ body.pd-site.elia-orbit-2035 .elia-inner--school .pd-school-search-main{ display:grid !important; grid-template-columns: 1fr !important; gap: 11px !important; } body.pd-site.elia-orbit-2035 .elia-inner--school .pd-field-destination, body.pd-site.elia-orbit-2035 .elia-inner--school .pd-school-stay-filter, body.pd-site.elia-orbit-2035 .elia-inner--school .pd-search-submit{ width: 100% !important; min-width: 0 !important; max-width: none !important; } body.pd-site.elia-orbit-2035 .elia-inner--school .pd-school-stay-filter{ position: relative !important; display:grid !important; grid-template-columns: .7fr 1.15fr 1.25fr !important; gap: 0 !important; padding: 32px 7px 7px !important; border: 1px solid #407dac !important; border-radius: 13px !important; background: #082b4d !important; } body.pd-site.elia-orbit-2035 .elia-inner--school .pd-search-submit{ min-height: 66px !important; } } /* ========================================================== MOBILE ========================================================== */ @media(max-width:699px){ body.pd-site.elia-orbit-2035 .elia-inner--school .elia-inner-search-shell{ padding: 9px !important; } body.pd-site.elia-orbit-2035 .elia-inner--school .pd-search{ padding: 9px !important; } body.pd-site.elia-orbit-2035 .elia-inner--school .pd-search-tabs{ display:grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; } body.pd-site.elia-orbit-2035 .elia-inner--school .pd-search-tabs a{ width: 100% !important; padding: 0 8px !important; } body.pd-site.elia-orbit-2035 .elia-inner--school .pd-school-search-main{ display:flex !important; flex-direction: column !important; gap: 10px !important; } body.pd-site.elia-orbit-2035 .elia-inner--school .pd-field-destination, body.pd-site.elia-orbit-2035 .elia-inner--school .pd-school-stay-filter, body.pd-site.elia-orbit-2035 .elia-inner--school .pd-search-submit{ width: 100% !important; min-width: 0 !important; max-width: none !important; } body.pd-site.elia-orbit-2035 .elia-inner--school .pd-school-stay-filter{ position: relative !important; display:grid !important; grid-template-columns: 1fr !important; gap: 6px !important; padding: 33px 7px 7px !important; border: 1px solid #407dac !important; border-radius: 13px !important; background: #082b4d !important; } body.pd-site.elia-orbit-2035 .elia-inner--school .pd-school-stay-filter label span{ border: 1px solid #3d79a5 !important; border-radius: 8px !important; } body.pd-site.elia-orbit-2035 .elia-inner--school .pd-search-submit{ min-height: 62px !important; } } /* ========================================================== MORE FILTERS ========================================================== */ body.pd-site.elia-orbit-2035 .elia-inner--school .pd-search-advanced{ margin-top: 20px !important; padding-top: 17px !important; border-top: 1px solid rgba(61,121,165,.50) !important; } body.pd-site.elia-orbit-2035 .elia-inner--school .pd-search-advanced summary{ display:inline-flex !important; align-items:center !important; gap: 10px !important; min-height: 40px !important; padding: 0 14px !important; border: 1px solid transparent !important; border-radius: 9px !important; color: #d9e8f5 !important; font-size: 11px !important; font-weight: 850 !important; cursor: pointer !important; transition: background .16s ease, border-color .16s ease !important; } body.pd-site.elia-orbit-2035 .elia-inner--school .pd-search-advanced summary::before{ content: "⌄" !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; width: 25px !important; height: 25px !important; border: 1px solid rgba(239,189,85,.66) !important; border-radius: 50% !important; color: #efbd55 !important; font-size: 14px !important; } body.pd-site.elia-orbit-2035 .elia-inner--school .pd-search-advanced summary:hover{ border-color: rgba(67,130,176,.52) !important; background: rgba(12,51,88,.52) !important; } /* ========================================================== END ========================================================== */