/* ========================================= GLOBAL HEADER ========================================= */ .gtrip-header{ background: linear-gradient( 180deg, #000000 0%, #020617 100% ) !important; border-bottom: 1px solid rgba(255,255,255,.06); } /* ========================================= REMOVE ALL CLICK / FOCUS RINGS ========================================= */ .gtrip-logo a, .gtrip-logo img, .gtrip-logo figure{ outline:none !important; box-shadow:none !important; border:none !important; -webkit-tap-highlight-color: transparent !important; } /* ======================================== GTRIP HOMEPAGE ======================================== */ .home .wp-block-cover{ min-height: 920px !important; align-items: center !important; padding-top: 80px !important; padding-bottom: 80px !important; overflow: hidden; } .home .wp-block-cover__inner-container{ width:100%; max-width:1280px; margin:0 auto; padding:0 40px; display:flex; align-items:flex-start; justify-content:flex-start; gap:120px; } .home-mode .booking-main{ width:100%; max-width:520px; } /* ======================================== BOOKING CARD ======================================== */ .home #gtrip-home-booking{ width:fit-content; max-width:none; margin:0 auto; background:rgba(255,255,255,.96); backdrop-filter:blur(12px); border-radius:28px; padding:24px; box-shadow: 0 20px 60px rgba(0,0,0,.22); box-sizing:border-box; } /* ซ่อน title เดิม */ .home #gtrip-home-booking h2{ display:none; } /* ======================================== FORM SPACING ======================================== */ .home #gtrip-home-booking .gtrip-field{ margin-bottom:18px; } /* ======================================== INPUTS ======================================== */ .home #gtrip-home-booking input, .home #gtrip-home-booking select{ width:100%; height:54px; border-radius:14px; border:1px solid #d1d5db; background:#fff; padding:0 16px; font-size:15px; box-sizing:border-box; } /* ======================================== PASSENGERS ======================================== */ .home #gtrip-home-booking .pax-row{ margin-bottom:18px; } .home #gtrip-see-prices:hover{ transform:translateY(2px); } /* ======================================== MOBILE ======================================== */ @media (max-width:768px){ .home .wp-block-cover{ min-height:auto !important; padding-top:40px !important; padding-bottom:40px !important; } .home .wp-block-cover__inner-container{ flex-direction:column; gap:32px; padding:0 18px; } .home .wp-block-cover h1{ font-size:44px; line-height:1.08; margin-bottom:18px; } .home .wp-block-cover p{ font-size:20px; } .home #gtrip-home-booking{ max-width:100%; padding:28px; border-radius:24px; } .home #gtrip-home-booking.gtrip-field{ margin-bottom:18px; } } .home #gtrip-home-booking, .home #gtrip-home-booking label, .home #gtrip-home-booking .pax-label{ color:#111827; } /* ======================================== RETURN DATE STABLE SPACE ======================================== */ .home .return-date-field{ min-height:90px; transition:.2s ease; } .home .return-date-field.hidden{ opacity:0; visibility:hidden; pointer-events:none; } .return-date-field{ transition: opacity .2s ease; } .return-date-field.hidden{ visibility:hidden; opacity:0; pointer-events:none; } /* ======================================== HOME FORM STYLE MATCH BOOKING ======================================== */ /* LABEL */ .home #gtrip-home-booking label{ display:block; font-size:14px; font-weight:600; color:#111827; margin-bottom:10px; } /* INPUT */ .home #gtrip-home-booking input, .home #gtrip-home-booking select{ width:100%; height:54px; border:1px solid #dbe3e8; border-radius:16px; background:#fff; padding:0 16px; font-size:15px; color:#111827; transition:.2s ease; box-sizing:border-box; } .home #gtrip-home-booking input:focus, .home #gtrip-home-booking select:focus{ outline:none; border-color:#2ec4b6; box-shadow:0 0 0 4px rgba(46,196,182,.12); } /* TRIP BUTTON WRAP */ .home #gtrip-home-booking .gtrip-segmented{ display:flex; background:#edf8f7; border-radius:16px; padding:4px; gap:4px; } /* TRIP BUTTON */ .home #gtrip-home-booking .home-trip-btn{ appearance:none; -webkit-appearance:none; position:relative; flex:1; height:46px; border:none; border-radius:12px; background:transparent; color:#111827; font-size:14px; font-weight:600; cursor:pointer; transition:.2s ease; } .home #gtrip-home-booking .home-trip-btn.active{ background:#2ec4b6; color:#fff; box-shadow:0 4px 12px rgba(46,196,182,.25); } .home #gtrip-home-booking .home-trip-btn:focus{ outline:none; } /* PASSENGERS */ .home #gtrip-home-booking .pax-row{ display:flex; align-items:center; justify-content:space-between; margin-bottom:28px; } .home #gtrip-home-booking .pax-control{ display:flex; align-items:center; gap:14px; } /* PAX BUTTON */ .home #gtrip-home-booking .home-pax-btn{ width:38px; height:38px; border:none; border-radius:999px; background:#2ec4b6; color:#fff; font-size:22px; font-weight:700; cursor:pointer; transition:.2s ease; } .home #gtrip-home-booking .home-pax-btn:hover{ transform:scale(1.05); } /* COUNT */ .home #gtrip-home-booking #home-adult-count, .home #gtrip-home-booking #home-child-count{ text-align:center; font-size:18px; font-weight:700; color:#111827; } /* hide booking-only sections */ .home-mode .vehicle-section, .home-mode .extras-section{ display:none !important; } /* ===================================== ADD RETURN UX ===================================== */ .home-mode .home-hide-roundtrip{ display:none !important; } .home-mode #gtrip-return-date-wrap{ margin-top:18px; } /* future services hidden */ .home-mode .future-service{ display:none !important; } /* ========================= SERVICE HEADER ========================= */ .gtrip-service-header{ margin-bottom:28px; } /* ========================= SERVICE TABS ========================= */ .gtrip-service-header{ display:flex; align-items:center; gap:12px; margin-bottom:26px; } .gtrip-service-header .service-tab{ display:flex; align-items:center; justify-content:center; height:46px; padding:0 22px; border:none; border-radius:6px; background:#111827; color:#fff; font-size:15px; font-weight:600; cursor:pointer; transition:.2s ease; } /* inactive future tab */ .gtrip-service-header .service-tab.inactive{ background:#f3f4f6; color:#6b7280; } /* ========================= RETURN DATE WRAP ========================= */ .home-mode #gtrip-return-date-wrap{ position:relative; margin-top:26px; } /* ========================= REMOVE RETURN (FLOAT X) ========================= */ .gtrip-remove-return-btn{ position:absolute; top:50%; right:-18px; transform:translateY(20%); width:48px; height:48px; border:none; border-radius:999px; background:#111827; color:#fff; display:flex; align-items:center; justify-content:center; font-size:20px; font-weight:700; z-index:10; cursor:pointer; }