:root{
--ttl-primary:#ff5533;
--ttl-primary-dark:#df3e20;
--ttl-ink:#1f2937;
--ttl-muted:#667085;
--ttl-line:#e5e7eb;
--ttl-soft:#f7f8fa;
--ttl-success:#16856b;
--ttl-radius:18px;
--ttl-shadow:0 12px 34px rgba(16,24,40,.10);
}
body.single-ttl_excursion{background:#fff;color:var(--ttl-ink)}
body.single-ttl_excursion .entry-header,
body.single-ttl_excursion .post-thumb,
body.single-ttl_excursion .comments-area{display:none!important}
.ttl-single-template{width:100%;margin:0;padding:0}
.ttl-single-page{padding:28px 18px 72px;background:#fff}
.ttl-single-container{width:min(1180px,100%);margin:0 auto}
.ttl-breadcrumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 20px;font-size:13px;color:var(--ttl-muted)}
.ttl-breadcrumbs a{color:var(--ttl-muted);text-decoration:none}
.ttl-breadcrumbs a:hover{color:var(--ttl-primary)}
.ttl-excursion-hero-info{margin:0 0 22px}
.ttl-eyebrow{margin:0 0 8px;color:var(--ttl-primary-dark);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.ttl-excursion-hero-info h1{margin:0;max-width:980px;font-size:clamp(30px,4.2vw,52px);line-height:1.08;letter-spacing:-.035em;color:#172033}
.ttl-info-chips{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:17px}
.ttl-info-chips span{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid var(--ttl-line);border-radius:999px;background:#fff;color:#475467;font-size:13px;font-weight:650}
.ttl-info-chips b{color:var(--ttl-primary);font-size:15px}
/* Carousel */
.ttl-carousel{margin:0 0 34px}
.ttl-carousel-viewport{position:relative;overflow:hidden;border-radius:22px;background:#e8ebef;box-shadow:0 8px 28px rgba(16,24,40,.08)}
.ttl-carousel-track{position:relative;min-height:clamp(300px,50vw,590px)}
.ttl-carousel-slide{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;opacity:0;visibility:hidden;transition:opacity .28s ease;cursor:zoom-in}
.ttl-carousel-slide.is-active{opacity:1;visibility:visible;z-index:1}
.ttl-carousel-slide img{display:block;width:100%;height:100%;object-fit:cover}
.ttl-carousel-arrow{position:absolute;z-index:3;top:50%;width:46px;height:46px;margin-top:-23px;border:0;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 4px 18px rgba(0,0,0,.18);color:#172033;font-size:34px;line-height:40px;cursor:pointer;transition:transform .18s ease,background .18s ease}
.ttl-carousel-arrow:hover{transform:scale(1.06);background:#fff}
.ttl-carousel-prev{left:18px}.ttl-carousel-next{right:18px}
.ttl-carousel-counter{position:absolute;z-index:3;right:18px;top:18px;padding:7px 10px;border-radius:999px;background:rgba(17,24,39,.72);color:#fff;font-size:13px;font-weight:750;backdrop-filter:blur(5px)}
.ttl-open-gallery{position:absolute;z-index:3;right:18px;bottom:18px;display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid rgba(255,255,255,.6);border-radius:11px;background:rgba(255,255,255,.94);color:#172033;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 5px 18px rgba(0,0,0,.14)}
.ttl-open-gallery small{color:var(--ttl-muted)}
.ttl-carousel-thumbs{display:flex;gap:9px;margin-top:11px;padding:2px 1px 4px;overflow-x:auto;scrollbar-width:thin}
.ttl-carousel-thumb{flex:0 0 96px;height:68px;padding:0;border:3px solid transparent;border-radius:11px;background:#eee;overflow:hidden;cursor:pointer;opacity:.72;transition:.18s ease}
.ttl-carousel-thumb.is-active{border-color:var(--ttl-primary);opacity:1}
.ttl-carousel-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.ttl-excursion-main{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:38px;align-items:start}
.ttl-excursion-copy{min-width:0}
.ttl-booking-sticky{position:sticky;top:24px}
/* Accordion */
.ttl-accordion-list{border-top:1px solid var(--ttl-line)}
.ttl-accordion-item{border-bottom:1px solid var(--ttl-line)}
.ttl-accordion-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:76px;padding:18px 4px;border:0;background:transparent;color:var(--ttl-ink);text-align:left;cursor:pointer}
.ttl-accordion-title{display:flex;align-items:center;gap:13px;font-size:19px;font-weight:800}
.ttl-accordion-title i{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#fff2ee;color:var(--ttl-primary-dark);font-style:normal;font-size:17px}
.ttl-accordion-plus{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ttl-soft);font-size:25px;line-height:1;transition:transform .22s ease,background .22s ease}
.ttl-accordion-item.is-open .ttl-accordion-plus{transform:rotate(45deg);background:#fff0eb;color:var(--ttl-primary-dark)}
.ttl-accordion-panel[hidden]{display:none}
.ttl-accordion-content{padding:0 7px 28px 52px;color:#475467;font-size:16px;line-height:1.75}
.ttl-accordion-content p:first-child{margin-top:0}
.ttl-accordion-content p:last-child{margin-bottom:0}
.ttl-accordion-content ul{margin:0;padding:0;list-style:none}
.ttl-accordion-content li{position:relative;margin:9px 0;padding-left:28px}
.ttl-positive-list li:before,.ttl-negative-list li:before{position:absolute;left:0;top:1px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;font-size:12px;font-weight:900}
.ttl-positive-list li:before{content:'✓';background:#eaf8f3;color:#087a5b}
.ttl-negative-list li:before{content:'×';background:#fff0ee;color:#c6381e}
.ttl-pickup-list{display:grid;gap:10px}
.ttl-pickup-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:13px 14px;border:1px solid var(--ttl-line);border-radius:13px;background:#fff;color:var(--ttl-ink);text-align:left}
.ttl-pickup-row.has-map-point{cursor:pointer}
.ttl-pickup-row.has-map-point:hover{border-color:#ffb7a7;background:#fff9f7}
.ttl-pickup-row:disabled{opacity:1;cursor:default}
.ttl-pickup-pin{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--ttl-primary);color:#fff;font-weight:900}
.ttl-pickup-row strong{display:block;font-size:15px}
.ttl-pickup-row small{display:block;margin-top:2px;color:var(--ttl-muted);font-size:12px}
.ttl-pickup-row time{color:var(--ttl-primary-dark);font-weight:850}
/* Map */
.ttl-map-section{margin-top:42px;padding-top:34px;border-top:1px solid var(--ttl-line)}
.ttl-section-heading p{margin:0 0 6px;color:var(--ttl-primary-dark);font-size:12px;font-weight:900;letter-spacing:.1em}
.ttl-section-heading h2{margin:0 0 18px;font-size:clamp(25px,3vw,34px);line-height:1.2;color:#172033}
.ttl-pickup-map{height:430px;border:1px solid var(--ttl-line);border-radius:18px;overflow:hidden;background:#eef1f4;box-shadow:0 7px 24px rgba(16,24,40,.07)}
.ttl-map-attribution-note{margin:10px 0 0;color:var(--ttl-muted);font-size:13px}
.ttl-pickup-map .leaflet-popup-content{line-height:1.55}
/* Booking card */
.ttl-booking-card{padding:24px;border:1px solid #e5e7eb;border-radius:18px;background:#fff;box-shadow:var(--ttl-shadow)}
.ttl-booking-price{margin-bottom:5px;color:var(--ttl-muted);font-size:14px}
.ttl-booking-price strong{color:#172033;font-size:28px;letter-spacing:-.02em}
.ttl-booking-price small{font-size:12px}
.ttl-booking-card h3{margin:9px 0 18px;font-size:20px;color:#172033}
.ttl-booking-card label{display:block;margin:13px 0 6px;color:#344054;font-size:13px;font-weight:800}
.ttl-booking-card select{width:100%;min-height:47px;padding:0 12px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;color:#344054;font-size:14px}
.ttl-seat-stage{margin-top:16px;max-height:430px;overflow:auto;border-radius:13px;background:#fafafa}
.ttl-seat-placeholder,.ttl-seat-loading,.ttl-seat-error{padding:18px;border:1px dashed #d0d5dd;border-radius:12px;color:var(--ttl-muted);font-size:13px;text-align:center}
.ttl-seat-error{border-color:#f5aaa0;color:#b42318;background:#fff6f5}
.ttl-booking-total{display:flex;justify-content:space-between;gap:12px;margin:16px 0 13px;padding-top:14px;border-top:1px solid var(--ttl-line);color:var(--ttl-muted);font-size:12px}
.ttl-booking-total strong{display:block;margin-top:3px;color:#172033;font-size:16px}
.ttl-book-now{width:100%;min-height:50px;border:0;border-radius:11px;background:var(--ttl-primary);color:#fff;font-size:15px;font-weight:900;cursor:pointer;transition:.18s ease}
.ttl-book-now:hover:not(:disabled){background:var(--ttl-primary-dark);transform:translateY(-1px)}
.ttl-book-now:disabled{background:#d0d5dd;cursor:not-allowed}
.ttl-booking-message{min-height:20px;margin:8px 0 0;color:#b42318;font-size:12px}
.ttl-booking-trust{display:flex;justify-content:space-between;gap:8px;margin-top:13px;color:#667085;font-size:11px}
/* Seat map */
.ttl-seat-map{padding:14px 10px;border:1px solid var(--ttl-line);border-radius:13px;background:#fff}
.ttl-deck-tabs{display:flex;gap:7px;margin-bottom:12px}
.ttl-deck-tab{flex:1;padding:8px 9px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#475467;font-size:12px;font-weight:800;cursor:pointer}
.ttl-deck-tab.is-active{border-color:var(--ttl-primary);background:#fff2ee;color:var(--ttl-primary-dark)}
.ttl-deck.is-hidden{display:none}
.ttl-deck h4{margin:0 0 10px;text-align:center;font-size:13px}
.ttl-seat-row{display:grid;grid-template-columns:42px 42px 20px 42px 42px;gap:6px;justify-content:center;margin:6px 0}
.ttl-seat{display:grid;place-items:center;height:40px;padding:0;border:1px solid #93d4c2;border-radius:8px;background:#eaf8f3;color:#087a5b;font-size:11px;font-weight:850;cursor:pointer}
.ttl-seat:hover:not(:disabled){border-color:var(--ttl-success);transform:translateY(-1px)}
.ttl-seat.is-selected{border-color:var(--ttl-primary);background:var(--ttl-primary);color:#fff}
.ttl-seat.is-taken{border-color:#d0d5dd;background:#dfe3e8;color:#7b8390;cursor:not-allowed}
.ttl-seat.is-disabled{border-color:#e1e4e8;background:#f2f3f5;color:#b0b5bd;cursor:not-allowed}
.ttl-aisle,.ttl-empty{display:block}
.ttl-seat-legend{display:flex;flex-wrap:wrap;gap:9px 13px;margin-top:14px;color:#667085;font-size:10px}
.ttl-seat-legend span{display:inline-flex;align-items:center;gap:5px}
.ttl-seat-legend i{width:13px;height:13px;border-radius:4px}
.ttl-seat-legend .available{border:1px solid #93d4c2;background:#eaf8f3}
.ttl-seat-legend .selected{background:var(--ttl-primary)}
.ttl-seat-legend .taken{background:#dfe3e8}
.ttl-seat-legend .closed{border:1px solid #e1e4e8;background:#f2f3f5}
/* Lightbox */
body.ttl-lightbox-open{overflow:hidden}
.ttl-lightbox{position:fixed;z-index:999999;inset:0;display:grid;place-items:center;padding:64px 82px;background:rgba(8,12,20,.94);backdrop-filter:blur(7px)}
.ttl-lightbox figure{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;margin:0}
.ttl-lightbox img{display:block;max-width:100%;max-height:calc(100vh - 150px);object-fit:contain;border-radius:5px;box-shadow:0 15px 50px rgba(0,0,0,.35)}
.ttl-lightbox figcaption{margin-top:10px;color:#d7dce3;font-size:13px;text-align:center}
.ttl-lightbox-close{position:absolute;right:22px;top:16px;width:46px;height:46px;border:0;background:transparent;color:#fff;font-size:42px;line-height:1;cursor:pointer}
.ttl-lightbox-arrow{position:absolute;top:50%;width:52px;height:52px;margin-top:-26px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(255,255,255,.10);color:#fff;font-size:38px;cursor:pointer}
.ttl-lightbox-prev{left:20px}.ttl-lightbox-next{right:20px}
.ttl-lightbox-counter{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.12);color:#fff;font-size:13px}
/* Listing */
.ttl-excursion-search{margin:25px 0;padding:27px;border-radius:19px;background:#17324d;color:#fff}
.ttl-excursion-search span{display:block;margin-bottom:10px;font-size:23px;font-weight:850}
.ttl-excursion-search input{width:100%;max-width:680px;min-height:54px;padding:0 18px;border:2px;border-style: groove;border-radius:13px;font-size:16px}
.ttl-excursion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ttl-excursion-card{overflow:hidden;border:1px solid var(--ttl-line);border-radius:17px;background:#fff;box-shadow:0 4px 18px rgba(30,41,59,.07);transition:.2s}
.ttl-excursion-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(30,41,59,.13)}
.ttl-card-image{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#e9eef4}
.ttl-card-image img{width:100%;height:100%;object-fit:cover}
.ttl-card-badge{position:absolute;left:12px;top:12px;padding:7px 9px;border-radius:7px;background:#fff;color:#1b4332;font-size:12px;font-weight:850}
.ttl-no-image{display:flex;height:100%;align-items:center;justify-content:center;font-weight:850}
.ttl-card-body{padding:17px}
.ttl-card-location{margin:0 0 7px;color:var(--ttl-muted);font-size:12px}
.ttl-card-body h3{margin:0 0 9px;font-size:19px;line-height:1.3}
.ttl-card-body h3 a{color:var(--ttl-ink);text-decoration:none}
.ttl-card-excerpt{min-height:42px;color:var(--ttl-muted);font-size:14px}
.ttl-card-footer{display:flex;justify-content:space-between;padding-top:13px;border-top:1px solid var(--ttl-line);font-size:13px}
.ttl-card-footer strong{font-size:16px}
@media(max-width:1020px){
.ttl-excursion-main{grid-template-columns:1fr}
.ttl-booking-sticky{position:static;order:-1}
.ttl-booking-card{max-width:none}
.ttl-excursion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
.ttl-single-page{padding:18px 12px 50px}
.ttl-breadcrumbs{font-size:12px}
.ttl-info-chips{gap:6px}
.ttl-info-chips span{padding:7px 9px;font-size:12px}
.ttl-carousel-viewport{border-radius:15px}
.ttl-carousel-track{min-height:280px}
.ttl-carousel-arrow{width:40px;height:40px;margin-top:-20px;font-size:29px}
.ttl-carousel-prev{left:9px}.ttl-carousel-next{right:9px}
.ttl-carousel-counter{right:10px;top:10px}
.ttl-open-gallery{right:10px;bottom:10px;min-height:38px;padding:0 11px;font-size:12px}
.ttl-carousel-thumb{flex-basis:76px;height:54px}
.ttl-excursion-main{gap:27px}
.ttl-booking-card{padding:18px}
.ttl-accordion-toggle{min-height:67px;padding:14px 1px}
.ttl-accordion-title{gap:9px;font-size:16px}
.ttl-accordion-title i{width:31px;height:31px}
.ttl-accordion-content{padding:0 1px 23px 40px;font-size:15px}
.ttl-pickup-row{grid-template-columns:30px minmax(0,1fr);padding:11px}
.ttl-pickup-row time{grid-column:2}
.ttl-pickup-map{height:340px}
.ttl-lightbox{padding:62px 10px 70px}
.ttl-lightbox-arrow{top:auto;bottom:18px;width:42px;height:42px;margin:0;font-size:31px}
.ttl-lightbox-prev{left:15px}.ttl-lightbox-next{right:15px}
.ttl-lightbox-counter{bottom:25px}
.ttl-excursion-grid{grid-template-columns:1fr}
.ttl-seat-row{grid-template-columns:38px 38px 18px 38px 38px}
.ttl-seat{height:37px}
.ttl-booking-trust{display:block}
.ttl-booking-trust span{display:block;margin:4px 0}
}
/* 0.4.0 – τύποι εισιτηρίων και πληρωμένα πρόσθετα */
.ttl-ticket-types,.ttl-paid-extras{margin-top:15px;padding:14px;border:1px solid #e1e7ee;border-radius:13px;background:#f8fafc}.ttl-ticket-types h4,.ttl-paid-extras h4{margin:0 0 10px;color:#172033;font-size:14px}.ttl-ticket-type-rows label{display:flex!important;justify-content:space-between;gap:12px;align-items:center;margin:0!important;padding:9px 0;border-top:1px solid #e5eaf0}.ttl-ticket-type-rows label:first-child{border-top:0}.ttl-ticket-type-rows select{width:auto;min-width:185px;min-height:38px!important}.ttl-extra-option{display:grid!important;grid-template-columns:minmax(0,1fr) auto 58px;gap:8px;align-items:center;margin:0!important;padding:11px 8px;border-top:1px solid #e5eaf0;border-radius:9px}.ttl-extra-option:first-of-type{border-top:0}.ttl-extra-option.is-selected{background:#edf9f3}.ttl-extra-check{display:flex;align-items:flex-start;gap:7px}.ttl-extra-check input{margin-top:2px}.ttl-extra-check small{display:block;margin-top:3px;color:#667085;font-weight:500}.ttl-extra-price{color:#0b7a55;font-size:12px;font-weight:800;text-align:right}.ttl-extra-price small{display:block;color:#667085;font-weight:600}.ttl-extra-qty{width:58px!important;min-height:36px!important;padding:0 5px!important;text-align:center}.ttl-paid-extras[hidden],.ttl-ticket-types[hidden]{display:none!important}
@media(max-width:520px){.ttl-ticket-type-rows label{display:block!important}.ttl-ticket-type-rows select{width:100%;margin-top:6px}.ttl-extra-option{grid-template-columns:1fr auto}.ttl-extra-qty{grid-column:2}.ttl-extra-price{align-self:start}}
/* 0.5.0 – σημείο παραλαβής πριν τις θέσεις και καθαρός τύπος εισιτηρίου ανά θέση */
.ttl-booking-step{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:6px;border-radius:50%;background:#172f4b;color:#fff;font-size:11px;font-weight:900;vertical-align:middle}.ttl-seat-map-title{display:flex;align-items:center;justify-content:center;gap:2px;margin:0 0 13px;color:#172033}.ttl-seat-map-title strong{font-size:14px}.ttl-seat-placeholder strong{color:#172033}.ttl-ticket-types{display:block!important}.ttl-ticket-placeholder{margin:0;color:#667085;font-size:12px;line-height:1.5}.ttl-ticket-placeholder[hidden]{display:none}.ttl-ticket-seat-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #e5eaf0}.ttl-ticket-seat-row:first-child{border-top:0}.ttl-ticket-segment{display:flex;gap:6px}.ttl-ticket-segment label{margin:0!important}.ttl-ticket-segment input{position:absolute;opacity:0;pointer-events:none}.ttl-ticket-segment label>span{display:block;min-width:92px;padding:7px 9px;border:1px solid #d1dae3;border-radius:9px;background:#fff;text-align:center;cursor:pointer;color:#344054;font-size:12px;font-weight:800}.ttl-ticket-segment label>span small{display:block;margin-top:2px;color:#667085;font-size:10px;font-weight:650}.ttl-ticket-segment input:checked+span{border-color:var(--ttl-primary);background:#fff0eb;color:var(--ttl-primary-dark);box-shadow:0 0 0 2px rgba(255,91,57,.10)}
@media(max-width:520px){.ttl-ticket-seat-row{display:block}.ttl-ticket-segment{margin-top:7px}.ttl-ticket-segment label{flex:1}.ttl-ticket-segment label>span{min-width:0}}
.ttl-ticket-type-rows .ttl-ticket-segment label{display:block!important;padding:0!important;border:0!important}.ttl-ticket-type-rows .ttl-ticket-segment label:first-child{border:0!important}
/* 0.6.0 – βηματική αναζήτηση προορισμού και Elementor widgets */
.ttl-search-wizard-wrap{width:min(1180px,100%);margin:30px auto 38px;padding:0 16px}
.ttl-search-wizard-heading{max-width:760px;margin:0 auto 20px;text-align:center}
.ttl-search-wizard-heading>span{display:block;margin-bottom:7px;color:var(--ttl-primary-dark);font-size:11px;font-weight:900;letter-spacing:.13em}
.ttl-search-wizard-heading h2{margin:0;color:#172033;font-size:clamp(27px,4vw,43px);line-height:1.1;letter-spacing:-.025em}
.ttl-search-wizard-heading p{margin:10px 0 0;color:var(--ttl-muted);font-size:15px}
.ttl-search-booking-card{max-width:none;padding:24px;border:1px solid #e4e9ef;border-radius:22px;box-shadow:0 16px 44px rgba(23,47,75,.12)}
.ttl-search-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:20px}
.ttl-search-progress span{padding:9px 8px;border-radius:10px;background:#f2f5f8;color:#6b7787;font-size:11px;font-weight:800;text-align:center}
.ttl-search-progress span.is-active{background:#172f4b;color:#fff}
.ttl-search-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end}
.ttl-search-field label{display:block;margin:0 0 7px!important;color:#24364a;font-size:13px;font-weight:800}
.ttl-search-field select{width:100%;min-height:52px;padding:0 40px 0 14px;border:1px solid #ccd6e0;border-radius:12px;background:#fff;color:#172033;font-size:14px;font-weight:650}
.ttl-search-field select:disabled{background:#f4f6f8;color:#8a94a1;cursor:not-allowed}
.ttl-search-selected-excursion{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;align-items:center;margin:17px 0 0;padding:14px 16px;border:1px solid #cfe0ec;border-radius:13px;background:#f3f9fd}
.ttl-search-selected-excursion strong{color:#172033;font-size:15px}
.ttl-search-selected-excursion span{grid-column:1;color:#607184;font-size:12px}
.ttl-search-selected-excursion a{grid-column:2;grid-row:1/3;color:#135e96;font-size:12px;font-weight:800;text-decoration:none}
.ttl-search-booking-card .ttl-seat-stage{margin-top:18px}
.ttl-search-booking-card .ttl-seat-placeholder{min-height:92px;display:grid;place-items:center;padding:22px;border:2px dashed #b8cedd;border-radius:14px;background:#f6fbfe;text-align:center;color:#52687a;line-height:1.55}
.ttl-search-booking-card .ttl-ticket-types,.ttl-search-booking-card .ttl-paid-extras{margin-top:18px}
.ttl-elementor-notice{padding:14px;border:1px dashed #c4ced8;border-radius:10px;background:#f7f9fb;color:#5f6c7b}
@media(max-width:850px){
.ttl-search-fields{grid-template-columns:1fr}
.ttl-search-progress{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
.ttl-search-wizard-wrap{padding:0 10px}
.ttl-search-booking-card{padding:16px;border-radius:16px}
.ttl-search-progress{display:none}
.ttl-search-selected-excursion{grid-template-columns:1fr}
.ttl-search-selected-excursion a{grid-column:1;grid-row:auto;margin-top:5px}
}
/* 0.7.0 – Κατηγορίες και κράτηση χωρίς κάτοψη */
.ttl-info-chips .ttl-category-chip{border-color:#ffd7cd;background:#fff7f4;color:var(--ttl-primary-dark);text-decoration:none;font-weight:800}
.ttl-info-chips .ttl-category-chip:hover{border-color:var(--ttl-primary);background:#fff0eb}
.ttl-grid-listing{width:100%}
.ttl-excursion-search{display:grid;gap:14px;margin:0 0 24px;padding:18px;border:1px solid var(--ttl-line);border-radius:16px;background:#fff;box-shadow:0 7px 24px rgba(16,24,40,.06)}
.ttl-excursion-search>div:first-child{display:grid;grid-template-columns:auto minmax(220px,430px);align-items:center;gap:14px}
.ttl-excursion-search>div:first-child>span{font-size:13px;font-weight:850;color:#344054}
.ttl-card-filter{width:100%;min-height:46px;padding:0 14px;border:1px solid #d0d5dd;border-radius:11px;background:#fff;font-size:14px}
.ttl-category-filters{display:flex;flex-wrap:wrap;gap:8px}
.ttl-category-filter{min-height:38px;padding:0 14px;border:1px solid #d0d5dd;border-radius:999px;background:#fff;color:#475467;font-size:13px;font-weight:800;cursor:pointer;transition:.18s ease}
.ttl-category-filter:hover,.ttl-category-filter.is-active{border-color:var(--ttl-primary);background:#fff0eb;color:var(--ttl-primary-dark)}
.ttl-card-categories{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 9px}
.ttl-card-categories span{padding:5px 8px;border-radius:999px;background:#f2f4f7;color:#475467;font-size:10px;font-weight:850;letter-spacing:.02em}
.ttl-ticket-types[hidden]{display:none!important}
.ttl-quantity-picker{padding:16px;border:1px solid var(--ttl-line);border-radius:14px;background:#fff}
.ttl-seat-map-title{display:flex;align-items:center;gap:11px;margin:0 0 14px;color:#172033}
.ttl-seat-map-title>div{display:flex;flex-direction:column;gap:2px}
.ttl-seat-map-title strong{font-size:16px}
.ttl-seat-map-title small{color:var(--ttl-muted);font-size:12px;font-weight:650}
.ttl-quantity-ticket-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-top:1px solid var(--ttl-line)}
.ttl-quantity-ticket-row:first-of-type{border-top:0}
.ttl-quantity-ticket-row>div:first-child strong{display:block;color:#172033;font-size:15px}
.ttl-quantity-ticket-row>div:first-child small{display:block;margin-top:3px;color:var(--ttl-muted);font-size:12px}
.ttl-quantity-control{display:grid;grid-template-columns:38px 50px 38px;align-items:center;border:1px solid #d0d5dd;border-radius:11px;overflow:hidden;background:#fff}
.ttl-quantity-control button{height:40px;border:0;background:#f7f8fa;color:#344054;font-size:21px;font-weight:800;cursor:pointer}
.ttl-quantity-control button:hover{background:#fff0eb;color:var(--ttl-primary-dark)}
.ttl-quantity-control input{width:50px!important;height:40px!important;min-height:40px!important;padding:0!important;border:0!important;border-left:1px solid #e4e7ec!important;border-right:1px solid #e4e7ec!important;border-radius:0!important;text-align:center;font-size:15px;font-weight:850;color:#172033;-moz-appearance:textfield}
.ttl-quantity-control input::-webkit-outer-spin-button,.ttl-quantity-control input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.ttl-quantity-note{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:#f5f7fa;color:#667085;font-size:12px;line-height:1.45}
.ttl-order-tickets{margin:28px 0;padding:20px;border:1px solid #cfe7da;border-radius:14px;background:#f3fbf6}
.ttl-order-tickets h2{margin-top:0}.ttl-order-ticket-links{display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:640px){
.ttl-excursion-search>div:first-child{grid-template-columns:1fr;gap:7px}
.ttl-quantity-ticket-row{align-items:flex-start}
.ttl-quantity-control{grid-template-columns:36px 44px 36px}
.ttl-quantity-control input{width:44px!important}
}
/* ===== v0.8.0: επιβάτες, hero και εποχιακή εμφάνιση ===== */
.ttl-ticket-types.has-error{border-color:#dc2626!important;box-shadow:0 0 0 3px rgba(220,38,38,.1)}
.ttl-passenger-row{display:block!important;padding:14px!important;border:1px solid #e4e9f0!important;border-radius:14px!important;background:#fff!important}
.ttl-passenger-heading{display:grid;grid-template-columns:minmax(110px,.8fr) minmax(180px,1.6fr);align-items:center;gap:12px;width:100%}
.ttl-passenger-heading>span{font-weight:700;color:#27364a}
.ttl-passenger-heading>span small{display:block;color:#718096;font-weight:600;margin-top:3px}
.ttl-passenger-name,.ttl-office-passenger-name{width:100%;min-height:44px;border:1px solid #cad4df;border-radius:10px;padding:9px 12px;font-size:15px;background:#fff}
.ttl-passenger-name:focus,.ttl-office-passenger-name:focus{outline:0;border-color:var(--ttl-secondary,#0ea5a4);box-shadow:0 0 0 3px color-mix(in srgb,var(--ttl-secondary,#0ea5a4) 18%,transparent)}
.ttl-passenger-row .ttl-ticket-segment{margin-top:10px}
.ttl-hero{position:relative;min-height:var(--ttl-hero-height,640px);overflow:hidden;border-radius:0 0 34px 34px;background:#102236;color:#fff;isolation:isolate}
.ttl-hero-slides,.ttl-hero-slide{position:absolute;inset:0}
.ttl-hero-slide{opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s ease;background-image:var(--ttl-hero-image);background-size:cover;background-position:center}
.ttl-hero-slide.is-active{opacity:1;visibility:visible}
.ttl-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,22,37,.86) 0%,rgba(7,22,37,.62) 44%,rgba(7,22,37,.12) 78%),linear-gradient(0deg,rgba(7,22,37,.35),transparent 42%)}
.ttl-hero-content{position:relative;z-index:3;max-width:1280px;margin:0 auto;padding:clamp(90px,13vh,150px) clamp(22px,6vw,86px) 150px;min-height:var(--ttl-hero-height,640px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.ttl-hero-kicker{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:rgba(255,255,255,.12);backdrop-filter:blur(8px);font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.ttl-hero h2{max-width:850px;margin:18px 0 14px;font-size:clamp(38px,6.2vw,78px);line-height:1.02;letter-spacing:-.035em;color:#fff;text-shadow:0 4px 25px rgba(0,0,0,.2)}
.ttl-hero-content>p{max-width:690px;margin:0 0 22px;font-size:clamp(16px,1.6vw,21px);line-height:1.55;color:rgba(255,255,255,.9)}
.ttl-hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.ttl-hero-meta span,.ttl-hero-meta strong{padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.14);backdrop-filter:blur(8px);font-size:14px;color:#fff}
.ttl-hero-meta strong{background:var(--ttl-accent,#ff6b35)}
.ttl-hero-cta,.ttl-hero-search-submit{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:0;border-radius:12px;background:var(--ttl-accent,#ff6b35);color:#fff!important;text-decoration:none!important;font-weight:800;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.18);transition:transform .2s ease,filter .2s ease}
.ttl-hero-cta:hover,.ttl-hero-search-submit:hover{transform:translateY(-2px);filter:brightness(1.05)}
.ttl-hero-arrow{position:absolute;top:50%;z-index:6;width:48px;height:48px;margin-top:-24px;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(7,22,37,.35);color:#fff;font-size:32px;line-height:1;cursor:pointer;backdrop-filter:blur(8px)}
.ttl-hero-prev{left:20px}.ttl-hero-next{right:20px}
.ttl-hero-dots{position:absolute;z-index:7;left:50%;bottom:108px;transform:translateX(-50%);display:flex;gap:8px}
.ttl-hero-dots button{width:9px;height:9px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.5);cursor:pointer;transition:.25s}
.ttl-hero-dots button.is-active{width:30px;background:#fff}
.ttl-hero-search{position:absolute;z-index:8;left:50%;bottom:24px;transform:translateX(-50%);width:min(1080px,calc(100% - 40px));display:grid;grid-template-columns:1fr minmax(230px,1.35fr) auto;align-items:center;gap:14px;padding:16px 18px;border:1px solid rgba(255,255,255,.38);border-radius:18px;background:rgba(255,255,255,.94);color:#152638;box-shadow:0 18px 55px rgba(10,32,50,.3);backdrop-filter:blur(15px)}
.ttl-hero-search small{display:block;color:var(--ttl-secondary,#0ea5a4);font-weight:900;letter-spacing:.08em}.ttl-hero-search strong{font-size:18px}
.ttl-hero-destination{width:100%;min-height:50px;border:1px solid #ccd7e2;border-radius:12px;padding:0 14px;background:#fff;font-size:16px}
.ttl-season-decor{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.ttl-season-wave{position:absolute;left:0;bottom:-1px;width:100%;height:105px;fill:rgba(255,255,255,.16)}
.ttl-season-icon{position:absolute;right:7%;top:8%;width:110px;height:110px;opacity:.75;fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 7px 18px rgba(0,0,0,.18))}
.ttl-season-sun circle{fill:rgba(255,211,72,.22);stroke:#ffd348}.ttl-season-sun g{stroke:#ffd348}
.ttl-season-flower{fill:rgba(255,255,255,.12);stroke:#fff}.ttl-season-flower .core{fill:#ffd969;stroke:#ffd969}
.ttl-season-leaf{fill:rgba(255,155,55,.28);stroke:#ffd29d}.ttl-season-leaf .stem{fill:none}
.ttl-season-snow{stroke:#d9f2ff}
.ttl-season-summer .ttl-season-wave{fill:rgba(66,208,231,.28)}
.ttl-season-spring .ttl-season-wave{fill:rgba(154,230,178,.24)}
.ttl-season-autumn .ttl-season-wave{fill:rgba(238,149,72,.26)}
.ttl-season-winter .ttl-season-wave{fill:rgba(217,242,255,.26)}
.ttl-order-tickets .button{margin:4px 6px 4px 0}
.ttl-fixed-cart-quantity{white-space:nowrap}
@media(max-width:800px){
.ttl-passenger-heading{grid-template-columns:1fr}
.ttl-hero{min-height:max(620px,var(--ttl-hero-height,640px));border-radius:0 0 24px 24px}
.ttl-hero-content{padding:80px 22px 205px;min-height:max(620px,var(--ttl-hero-height,640px))}
.ttl-hero h2{font-size:clamp(36px,11vw,58px)}
.ttl-hero-arrow{top:43%;width:42px;height:42px}.ttl-hero-prev{left:10px}.ttl-hero-next{right:10px}
.ttl-hero-dots{bottom:184px}
.ttl-hero-search{bottom:16px;grid-template-columns:1fr;gap:9px;padding:14px;width:calc(100% - 24px)}
.ttl-hero-search>div{display:none}.ttl-hero-search-submit{width:100%}
.ttl-season-icon{right:4%;top:5%;width:78px;height:78px}
}
/* ===== v0.8.1: διορθώσεις hero, εποχιακού grid, καλαθιού και εισιτηρίων ===== */
.ttl-hero-module{width:100%;margin:0 auto 34px}
.ttl-hero-module .ttl-hero{border-radius:28px;box-shadow:0 18px 60px rgba(15,38,58,.16)}
.ttl-hero-content{padding-bottom:190px}
.ttl-hero-wizard[hidden]{display:none!important}
.ttl-hero-wizard{width:100%;overflow:hidden;opacity:0;transform:translateY(-14px);transition:opacity .28s ease,transform .28s ease}
.ttl-hero-wizard.is-open{opacity:1;transform:none}
.ttl-hero-wizard .ttl-search-wizard-wrap{margin:24px auto 18px}
.ttl-search-wizard-wrap--embedded .ttl-search-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.ttl-search-wizard-wrap--embedded .ttl-search-field:first-child{display:none}
.ttl-search-wizard-wrap--embedded .ttl-search-progress span:first-child{background:#e8f7f0;color:#147a55;border-color:#b8e4cf}
.ttl-search-progress span.is-complete{background:#e8f7f0;color:#147a55;border-color:#b8e4cf}
.ttl-grid-listing{position:relative;isolation:isolate;overflow:hidden;padding:40px 20px 54px;border-radius:28px;background:linear-gradient(180deg,rgba(14,165,164,.08),rgba(255,255,255,.96) 180px,#fff);box-shadow:0 12px 38px rgba(30,58,76,.07)}
.ttl-grid-listing>.ttl-season-decor{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.ttl-grid-listing>:not(.ttl-season-decor){position:relative;z-index:2}
.ttl-grid-listing .ttl-season-wave{top:-28px;bottom:auto;height:145px;transform:rotate(180deg);opacity:.72}
.ttl-grid-listing .ttl-season-icon{top:18px;right:3%;width:92px;height:92px;opacity:.32}
.ttl-grid-listing.ttl-season-summer{background:linear-gradient(180deg,rgba(73,201,224,.14),rgba(255,255,255,.97) 205px,#fff)}
.ttl-grid-listing.ttl-season-spring{background:linear-gradient(180deg,rgba(146,224,174,.13),rgba(255,255,255,.97) 205px,#fff)}
.ttl-grid-listing.ttl-season-autumn{background:linear-gradient(180deg,rgba(235,147,67,.13),rgba(255,255,255,.97) 205px,#fff)}
.ttl-grid-listing.ttl-season-winter{background:linear-gradient(180deg,rgba(194,226,245,.18),rgba(255,255,255,.97) 205px,#fff)}
.ttl-excursion-card{display:flex;min-height:100%;flex-direction:column}
.ttl-card-body{display:flex;flex:1;flex-direction:column}
.ttl-card-excerpt{flex:1}
.ttl-card-footer{margin-top:auto}
.ttl-order-tickets{margin:30px 0;padding:24px;border:1px solid #d8e2ea;border-radius:20px;background:#fff;box-shadow:0 10px 34px rgba(30,58,76,.08)}
.ttl-order-tickets-head>span{display:block;margin-bottom:5px;color:var(--ttl-secondary);font-size:11px;font-weight:900;letter-spacing:.12em}
.ttl-order-tickets-head h2{margin:0 0 7px;color:#172033;font-size:clamp(25px,3vw,36px)}
.ttl-order-tickets-head p{margin:0;color:#667085}
.ttl-order-ticket-group{margin-top:20px;padding-top:20px;border-top:1px solid #e7edf2}
.ttl-order-ticket-group-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px}
.ttl-order-ticket-group-head strong{display:block;color:#172033;font-size:18px}
.ttl-order-ticket-group-head small{display:block;margin-top:3px;color:#667085}
.ttl-order-ticket-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ttl-order-ticket-card{display:flex;min-width:0;flex-direction:column;gap:4px;padding:14px;border:1px solid #dfe7ed;border-radius:13px;background:#f8fbfd;color:#172033!important;text-decoration:none!important;transition:.2s}
.ttl-order-ticket-card:hover{transform:translateY(-2px);border-color:var(--ttl-secondary);box-shadow:0 8px 22px rgba(30,58,76,.09)}
.ttl-order-ticket-card span{color:#475467;font-size:13px}
.ttl-order-ticket-card small{overflow-wrap:anywhere;color:#667085;font-family:monospace}
.ttl-ticket-all-button{white-space:nowrap}
.woocommerce-cart-form th.product-quantity,.woocommerce-cart-form td.product-quantity,.woocommerce-checkout .product-quantity,.widget_shopping_cart .quantity,.wc-block-components-quantity-selector{display:none!important}
@media(max-width:760px){
.ttl-hero-module .ttl-hero{border-radius:20px}
.ttl-hero-content{padding-bottom:220px}
.ttl-search-wizard-wrap--embedded .ttl-search-fields{grid-template-columns:1fr}
.ttl-order-ticket-group-head{align-items:flex-start;flex-direction:column}
.ttl-order-ticket-list{grid-template-columns:1fr}
.ttl-grid-listing{padding:28px 10px 38px;border-radius:20px}
.ttl-grid-listing .ttl-season-icon{width:68px;height:68px}
}
/* ======================================================================
v0.8.3 — τελική διάταξη Hero / grid / cart / tickets
====================================================================== */
/* Η μπάρα αναζήτησης είναι κανονικό block ΚΑΤΩ από το Hero. */
.ttl-hero-module{overflow:visible}
.ttl-hero-search-shell{
position:relative;
z-index:12;
width:min(1180px,calc(100% - 32px));
margin:18px auto 0;
}
.ttl-hero-search-shell .ttl-hero-search{
position:relative!important;
left:auto!important;
right:auto!important;
bottom:auto!important;
transform:none!important;
width:100%!important;
margin:0!important;
padding:18px 20px;
border:1px solid #dfe7ee;
border-radius:18px;
background:#fff;
color:#152638;
box-shadow:0 16px 44px rgba(10,32,50,.13);
backdrop-filter:none;
}
.ttl-hero-module .ttl-hero-content{padding-bottom:90px}
.ttl-hero-module .ttl-hero-dots{bottom:28px}
.ttl-hero-wizard{width:min(1180px,100%);margin:0 auto}
.ttl-hero-wizard .ttl-search-wizard-wrap{padding-inline:0}
/* Grid ταξιδιών — πιο κοντά στη λογική των καρτών του Liotsis. */
.ttl-grid-listing{
width:min(1500px,100%);
margin:0 auto;
padding:54px clamp(14px,3vw,38px) 64px;
border-radius:28px;
}
.ttl-grid-heading{text-align:center;margin:0 auto 26px}
.ttl-grid-heading>span{display:block;margin-bottom:7px;color:var(--ttl-primary-dark);font-size:11px;font-weight:900;letter-spacing:.14em}
.ttl-grid-heading h2{margin:0;color:#24384b;font-size:clamp(30px,4vw,48px);line-height:1.08}
.ttl-grid-listing .ttl-season-wave{top:auto;bottom:-1px;height:120px;transform:none;opacity:.58}
.ttl-grid-listing .ttl-season-icon{top:22px;right:3%;width:100px;height:100px;opacity:.38}
.ttl-grid-listing:before,
.ttl-grid-listing:after{
content:"";
position:absolute;
z-index:0;
width:220px;
height:150px;
border:3px solid color-mix(in srgb,var(--ttl-secondary,#0ea5a4) 20%,transparent);
border-radius:28px;
opacity:.22;
transform:rotate(-22deg);
pointer-events:none;
}
.ttl-grid-listing:before{left:-70px;top:145px}
.ttl-grid-listing:after{right:-65px;bottom:135px;transform:rotate(24deg)}
.ttl-excursion-grid{gap:28px}
.ttl-excursion-card{
overflow:hidden;
border:1px solid rgba(37,55,72,.14);
border-radius:26px;
background:#f7f7f8;
box-shadow:0 8px 22px rgba(22,39,58,.15);
}
.ttl-excursion-card:hover{transform:translateY(-6px);box-shadow:0 18px 38px rgba(22,39,58,.19)}
.ttl-card-image{aspect-ratio:1.26/1;border-radius:25px 25px 0 0}
.ttl-card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.10));pointer-events:none}
.ttl-card-image img{transition:transform .45s ease}
.ttl-excursion-card:hover .ttl-card-image img{transform:scale(1.035)}
.ttl-card-price-sun{
position:absolute;
z-index:3;
left:17px;
top:15px;
display:grid;
place-items:center;
width:92px;
height:92px;
border-radius:50%;
color:#fff;
text-align:center;
background:radial-gradient(circle at center,#ff8a16 0 45%,transparent 46%),repeating-conic-gradient(from 0deg,#f9be55 0 10deg,rgba(255,255,255,.28) 10deg 20deg);
filter:drop-shadow(0 5px 9px rgba(0,0,0,.25));
}
.ttl-card-price-sun small{display:block;margin-top:13px;font-size:11px;font-weight:800;line-height:1}
.ttl-card-price-sun strong{display:block;margin-top:-3px;font-size:27px;line-height:1;letter-spacing:-.04em}
.ttl-card-date-ribbon{
position:absolute;
z-index:4;
left:0;
right:0;
bottom:0;
display:flex;
min-height:58px;
padding:8px 16px;
flex-direction:column;
align-items:center;
justify-content:center;
background:linear-gradient(135deg,#0b77d7,#087ee8);
color:#fff;
text-align:center;
text-shadow:0 1px 2px rgba(0,0,0,.45);
}
.ttl-card-date-ribbon:before{content:"";position:absolute;left:0;right:0;top:-13px;height:18px;background:#076dcc;clip-path:polygon(0 72%,100% 0,100% 100%,0 100%)}
.ttl-card-date-ribbon strong{position:relative;font-size:15px;line-height:1.15}
.ttl-card-date-ribbon small{position:relative;margin-top:2px;font-size:14px;font-weight:850;line-height:1.15}
.ttl-card-body{padding:22px 20px 20px;background:#f7f7f8}
.ttl-card-categories{margin-bottom:8px}
.ttl-card-categories span{background:#fff;border:1px solid #e6e8eb}
.ttl-card-location{font-size:12px}
.ttl-card-body h3{margin:4px 0 10px;font-size:20px;line-height:1.55}
.ttl-card-excerpt{min-height:74px;margin:0;color:#73777f;font-size:14px;line-height:1.65}
.ttl-card-actions{display:flex;align-items:flex-end;margin-top:20px}
.ttl-card-cta{
display:inline-flex;
min-height:46px;
padding:0 20px;
align-items:center;
justify-content:center;
border-radius:999px;
background:var(--ttl-primary,#ff5533);
color:#fff!important;
font-size:14px;
font-weight:850;
text-decoration:none!important;
box-shadow:0 8px 18px color-mix(in srgb,var(--ttl-primary,#ff5533) 28%,transparent);
}
.ttl-card-cta:hover{background:var(--ttl-primary-dark,#df3e20);transform:translateY(-1px)}
/* Κλασικό καλάθι WooCommerce: μία καθαρή γραμμή ανά κράτηση, χωρίς ποσότητα. */
body.ttl-eb-excursion-cart .woocommerce-cart-form table.shop_table{table-layout:auto!important}
body.ttl-eb-excursion-cart .woocommerce-cart-form th.product-thumbnail,
body.ttl-eb-excursion-cart .woocommerce-cart-form td.product-thumbnail,
body.ttl-eb-excursion-cart .woocommerce-cart-form th.product-price,
body.ttl-eb-excursion-cart .woocommerce-cart-form td.product-price,
body.ttl-eb-excursion-cart .woocommerce-cart-form th.product-quantity,
body.ttl-eb-excursion-cart .woocommerce-cart-form td.product-quantity{display:none!important}
body.ttl-eb-excursion-cart .woocommerce-cart-form th.product-name,
body.ttl-eb-excursion-cart .woocommerce-cart-form td.product-name{width:auto!important;min-width:0!important;padding:22px 16px!important;vertical-align:top}
body.ttl-eb-excursion-cart .woocommerce-cart-form th.product-subtotal,
body.ttl-eb-excursion-cart .woocommerce-cart-form td.product-subtotal{width:150px!important;white-space:nowrap;text-align:right;vertical-align:top;padding:22px 12px!important}
body.ttl-eb-excursion-cart .woocommerce-cart-form td.product-remove{width:42px!important;vertical-align:top;padding-top:22px!important}
.ttl-cart-excursion-name{display:block;margin-bottom:2px;color:#172033;font-size:18px;line-height:1.25}
.ttl-cart-reservation-label{display:block;margin-bottom:12px;color:#667085;font-size:12px;font-weight:700}
body.ttl-eb-excursion-cart .woocommerce-cart-form dl.variation,
body.ttl-eb-excursion-cart .woocommerce-cart-form .wc-item-meta{
display:grid!important;
grid-template-columns:minmax(110px,160px) minmax(0,1fr);
gap:7px 13px;
width:100%;
max-width:850px;
margin:0!important;
padding:14px!important;
border:1px solid #e2e8ef;
border-radius:13px;
background:#f8fafc;
box-sizing:border-box;
}
body.ttl-eb-excursion-cart .woocommerce-cart-form dl.variation dt,
body.ttl-eb-excursion-cart .woocommerce-cart-form dl.variation dd,
body.ttl-eb-excursion-cart .woocommerce-cart-form .wc-item-meta li,
body.ttl-eb-excursion-cart .woocommerce-cart-form .wc-item-meta p{margin:0!important;min-width:0;overflow-wrap:anywhere}
body.ttl-eb-excursion-cart .woocommerce-cart-form dl.variation dt{color:#475467;font-weight:850}
body.ttl-eb-excursion-cart .woocommerce-cart-form dl.variation dd{color:#172033}
.ttl-cart-passengers,.ttl-cart-addons{line-height:1.6}
/* WooCommerce Blocks / mini-cart / checkout. */
body.ttl-eb-excursion-cart .wc-block-cart-item__quantity,
body.ttl-eb-excursion-cart .wc-block-components-quantity-selector,
body.ttl-eb-excursion-cart .wc-block-components-product-badge,
body.ttl-eb-excursion-cart .wc-block-cart-item__image,
body.ttl-eb-excursion-cart .wc-block-components-order-summary-item__image,
body.ttl-eb-excursion-cart .wc-block-components-order-summary-item__quantity,
body.ttl-eb-excursion-cart .wc-block-components-product-metadata__description>span:first-child,
body.ttl-eb-excursion-cart .product-quantity,
body.ttl-eb-excursion-cart input.qty,
body.ttl-eb-excursion-cart .quantity{display:none!important}
body.ttl-eb-excursion-cart .wc-block-cart-item__product{grid-column:1/4!important}
body.ttl-eb-excursion-cart .wc-block-components-product-metadata{font-size:13px;line-height:1.55}
/* Σελίδα παραγγελίας — ένα ενιαίο, καθαρό block εισιτηρίων. */
.ttl-order-tickets{max-width:100%;overflow:hidden;box-sizing:border-box}
.ttl-order-ticket-group:first-of-type{border-top:0;padding-top:4px}
.ttl-order-ticket-card strong{font-size:15px}
.ttl-order-ticket-card span strong{font-weight:900}
@media(max-width:800px){
.ttl-hero-search-shell{width:calc(100% - 20px);margin-top:12px}
.ttl-hero-search-shell .ttl-hero-search{grid-template-columns:1fr;padding:15px}
.ttl-hero-search-shell .ttl-hero-search>div{display:block}
.ttl-hero-module .ttl-hero-content{padding-bottom:72px}
.ttl-hero-module .ttl-hero-dots{bottom:20px}
.ttl-card-price-sun{width:78px;height:78px;left:12px;top:12px}
.ttl-card-price-sun small{margin-top:11px;font-size:10px}
.ttl-card-price-sun strong{font-size:23px}
body.ttl-eb-excursion-cart .woocommerce-cart-form th.product-subtotal,
body.ttl-eb-excursion-cart .woocommerce-cart-form td.product-subtotal{width:105px!important}
}
@media(max-width:620px){
.ttl-grid-listing{padding:38px 10px 48px;border-radius:18px}
.ttl-card-image{aspect-ratio:1.18/1}
body.ttl-eb-excursion-cart .woocommerce-cart-form table.shop_table,
body.ttl-eb-excursion-cart .woocommerce-cart-form tbody,
body.ttl-eb-excursion-cart .woocommerce-cart-form tr,
body.ttl-eb-excursion-cart .woocommerce-cart-form td{display:block;width:100%!important;box-sizing:border-box}
body.ttl-eb-excursion-cart .woocommerce-cart-form thead{display:none}
body.ttl-eb-excursion-cart .woocommerce-cart-form tr.cart_item{position:relative;margin-bottom:18px;padding:14px;border:1px solid #e2e8ef;border-radius:16px;background:#fff}
body.ttl-eb-excursion-cart .woocommerce-cart-form td.product-name{padding:6px 0 10px!important}
body.ttl-eb-excursion-cart .woocommerce-cart-form td.product-subtotal{padding:10px 0 3px!important;text-align:left!important;font-size:18px;font-weight:900}
body.ttl-eb-excursion-cart .woocommerce-cart-form td.product-remove{position:absolute;right:10px;top:10px;width:auto!important;padding:0!important}
body.ttl-eb-excursion-cart .woocommerce-cart-form dl.variation{grid-template-columns:1fr;padding:12px!important}
body.ttl-eb-excursion-cart .woocommerce-cart-form dl.variation dt{margin-top:5px!important}
}
/* ===== v0.8.4: hero, full-width grid, responsive booking και σταθερό καλάθι ===== */
/* Hero με πραγματικό ύψος και χωρίς επικάλυψη από την αναζήτηση. */
.ttl-hero-module{
width:100%;
max-width:none;
margin:0 auto 46px;
}
.ttl-hero-module .ttl-hero{
height:var(--ttl-hero-height,720px);
min-height:640px;
max-height:920px;
border-radius:0 0 40px 40px;
box-shadow:0 24px 70px rgba(10,32,50,.22);
}
.ttl-hero-module .ttl-hero-slide{
background-position:center center;
}
.ttl-hero-module .ttl-hero-overlay{
background:
linear-gradient(90deg,rgba(5,20,34,.90) 0%,rgba(5,20,34,.68) 42%,rgba(5,20,34,.14) 78%),
linear-gradient(0deg,rgba(5,20,34,.45),transparent 50%);
}
.ttl-hero-module .ttl-hero-content{
width:min(1420px,100%);
max-width:1420px;
min-height:100%;
padding:clamp(100px,14vh,165px) clamp(34px,8vw,125px) 100px;
justify-content:center;
}
.ttl-hero-module .ttl-hero h2{
max-width:920px;
font-size:clamp(48px,6.2vw,88px);
line-height:.98;
text-wrap:balance;
}
.ttl-hero-module .ttl-hero-content>p{
max-width:760px;
font-size:clamp(17px,1.45vw,22px);
}
.ttl-hero-module .ttl-hero-dots{bottom:30px}
.ttl-hero-search-shell{
position:relative!important;
z-index:20;
width:min(1180px,calc(100% - 32px));
margin:20px auto 0!important;
transform:none!important;
}
.ttl-hero-search-shell .ttl-hero-search{
position:relative!important;
inset:auto!important;
transform:none!important;
width:100%!important;
margin:0!important;
padding:18px 20px;
border:1px solid #dce5ec;
border-radius:20px;
background:#fff;
box-shadow:0 18px 50px rgba(10,32,50,.15);
}
/* Το home/grid βγαίνει από το στενό content width του theme όταν ζητείται. */
.ttl-grid-listing--full{
width:min(1480px,calc(100vw - 32px));
max-width:none;
margin-left:50%;
margin-right:0;
transform:translateX(-50%);
}
.ttl-grid-listing--full .ttl-excursion-grid{
grid-template-columns:repeat(3,minmax(0,1fr));
}
.ttl-grid-listing{
padding-top:64px;
background-color:#fffaf6;
}
.ttl-grid-heading{margin-bottom:34px}
.ttl-grid-heading h2{font-size:clamp(36px,4.2vw,58px)}
.ttl-excursion-grid{align-items:stretch}
.ttl-excursion-card{
border-radius:28px;
background:#f4f4f5;
box-shadow:0 10px 28px rgba(24,36,50,.18);
}
.ttl-card-image{
aspect-ratio:1.38/1;
border-radius:27px 27px 0 0;
}
.ttl-card-date-ribbon{
min-height:64px;
padding:9px 18px;
background:linear-gradient(135deg,#006fcf,#0b89ee);
}
.ttl-card-date-ribbon strong{font-size:16px}
.ttl-card-date-ribbon small{font-size:15px}
.ttl-card-body{
min-height:315px;
padding:24px 22px 22px;
background:#f4f4f5;
}
.ttl-card-body h3{
margin:5px 0 12px;
font-size:22px;
line-height:1.45;
}
.ttl-card-excerpt{
min-height:92px;
font-size:15px;
line-height:1.65;
}
.ttl-card-actions{margin-top:auto;padding-top:18px}
.ttl-card-cta{
min-height:48px;
padding:0 24px;
background:#f45116;
box-shadow:0 8px 18px rgba(244,81,22,.24);
}
.ttl-card-price-sun{width:96px;height:96px}
.ttl-card-price-sun strong{font-size:29px}
/* Πιο πλούσια gallery εκδρομής, χωρίς να χάνει το carousel/lightbox. */
.ttl-carousel-viewport{
border-radius:28px;
box-shadow:0 18px 48px rgba(16,24,40,.14);
}
.ttl-carousel-track{
min-height:clamp(430px,48vw,660px);
aspect-ratio:16/8.2;
}
.ttl-carousel-slide img{object-position:center}
.ttl-carousel-thumbs{
gap:12px;
margin-top:14px;
padding:3px 2px 8px;
}
.ttl-carousel-thumb{
flex-basis:118px;
height:78px;
border-radius:13px;
}
/* Κανένα πεδίο δεν επιτρέπεται να ξεφύγει από το booking card. */
.ttl-booking-card,
.ttl-booking-card *,
.ttl-ticket-types,
.ttl-paid-extras{
box-sizing:border-box;
}
.ttl-booking-card input,
.ttl-booking-card select,
.ttl-booking-card textarea{
max-width:100%;
min-width:0;
}
.ttl-booking-card .ttl-passenger-heading{
grid-template-columns:1fr;
align-items:stretch;
}
.ttl-booking-card .ttl-passenger-name{
display:block;
width:100%!important;
}
.ttl-booking-sticky .ttl-extra-option{
grid-template-columns:minmax(0,1fr) auto;
}
.ttl-booking-sticky .ttl-extra-qty{
grid-column:2;
width:58px!important;
}
.ttl-booking-sticky .ttl-extra-price{align-self:start}
.ttl-seat-stage[hidden]{display:none!important}
/* Καλάθι/checkout: απόκρυψη ποσότητας ακόμη και στα WooCommerce Blocks. */
body.ttl-eb-excursion-cart .quantity,
body.ttl-eb-excursion-cart input.qty,
body.ttl-eb-excursion-cart .product-quantity,
body.ttl-eb-excursion-cart .wc-block-components-quantity-selector,
body.ttl-eb-excursion-cart .wc-block-cart-item__quantity,
body.ttl-eb-excursion-cart .wc-block-components-order-summary-item__quantity,
body.ttl-eb-only-excursions .quantity,
body.ttl-eb-only-excursions input.qty,
body.ttl-eb-only-excursions .product-quantity,
body.ttl-eb-only-excursions .wc-block-components-quantity-selector,
body.ttl-eb-only-excursions .wc-block-cart-item__quantity,
body.ttl-eb-only-excursions .wc-block-components-order-summary-item__quantity{
display:none!important;
}
body.ttl-eb-excursion-cart .wc-block-cart-item__product,
body.ttl-eb-only-excursions .wc-block-cart-item__product{
width:100%;
max-width:none;
}
body.ttl-eb-excursion-cart .wc-block-components-product-metadata,
body.ttl-eb-only-excursions .wc-block-components-product-metadata{
display:grid;
gap:6px;
width:100%;
padding:14px;
border:1px solid #e2e8ef;
border-radius:14px;
background:#f8fafc;
box-sizing:border-box;
}
/* Ενιαία και ευανάγνωστη περιοχή εισιτηρίων. */
.ttl-order-tickets{
font-family:inherit;
}
.ttl-order-tickets h2{
font-size:clamp(25px,3vw,36px)!important;
line-height:1.15!important;
}
.ttl-order-ticket-list{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
}
.ttl-order-ticket-card{
min-width:0;
overflow-wrap:anywhere;
}
@media(max-width:1100px){
.ttl-grid-listing--full .ttl-excursion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.ttl-hero-module .ttl-hero{min-height:600px}
}
@media(max-width:800px){
.ttl-hero-module .ttl-hero{
height:auto;
min-height:590px;
border-radius:0 0 26px 26px;
}
.ttl-hero-module .ttl-hero-content{
min-height:590px;
padding:90px 24px 85px;
}
.ttl-hero-module .ttl-hero h2{font-size:clamp(40px,11vw,62px)}
.ttl-grid-listing--full{width:calc(100vw - 18px)}
.ttl-order-ticket-list{grid-template-columns:1fr}
}
@media(max-width:620px){
.ttl-grid-listing--full .ttl-excursion-grid{grid-template-columns:1fr}
.ttl-card-body{min-height:0}
.ttl-carousel-track{min-height:310px;aspect-ratio:4/3}
.ttl-carousel-thumb{flex-basis:82px;height:58px}
.ttl-hero-search-shell{width:calc(100% - 18px)}
}
/*
* ToTheLink Excursions Booking — Home / Archive visual correction
* Version 0.8.5
* Place at the VERY END of assets/css/frontend.css
*/
:root{
--ttl-home-max: 1400px;
--ttl-home-gap: 20px;
--ttl-home-orange: #f45116;
--ttl-home-blue: #087fe2;
--ttl-home-card: #f4f4f5;
}
html, body{overflow-x:clip;}
/* Remove the block-theme page title/empty spacing on the plugin home page. */
body.home .entry-header,
body.home .wp-block-post-title,
body.home main > h1:first-child,
body.post-type-archive-ttl_excursion .page-header,
body.post-type-archive-ttl_excursion .archive-title{
display:none!important;
}
body.home .entry-content,
body.home .wp-block-post-content,
body.post-type-archive-ttl_excursion main,
body.post-type-archive-ttl_excursion .site-main{
overflow:visible!important;
}
/* ======================== HERO ======================== */
.ttl-hero-module{
position:relative!important;
width:calc(100vw - (var(--ttl-home-gap) * 2))!important;
max-width:none!important;
margin:0 0 54px 50%!important;
transform:translateX(-50%)!important;
overflow:visible!important;
}
.ttl-hero-module .ttl-hero{
position:relative!important;
width:100%!important;
height:clamp(560px,66vh,700px)!important;
min-height:560px!important;
max-height:700px!important;
overflow:hidden!important;
isolation:isolate!important;
border-radius:0 0 34px 34px!important;
box-shadow:0 24px 64px rgba(8,28,45,.20)!important;
}
.ttl-hero-module .ttl-hero-slides,
.ttl-hero-module .ttl-hero-slide{
position:absolute!important;
inset:0!important;
width:100%!important;
height:100%!important;
}
.ttl-hero-module .ttl-hero-slide{
background-size:cover!important;
background-position:center!important;
}
.ttl-hero-module .ttl-hero-overlay{
background:
linear-gradient(90deg,rgba(5,20,34,.88) 0%,rgba(5,20,34,.68) 38%,rgba(5,20,34,.18) 72%,rgba(5,20,34,.05) 100%),
linear-gradient(0deg,rgba(5,20,34,.38),transparent 50%)!important;
}
/* Left aligned and vertically centered. */
.ttl-hero-module .ttl-hero-content{
position:relative!important;
z-index:5!important;
box-sizing:border-box!important;
width:100%!important;
max-width:none!important;
min-height:100%!important;
margin:0!important;
padding:40px 20px 72px!important;
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
justify-content:center!important;
text-align:left!important;
}
.ttl-hero-module .ttl-hero-kicker,
.ttl-hero-module .ttl-hero h2,
.ttl-hero-module .ttl-hero-content>p,
.ttl-hero-module .ttl-hero-meta,
.ttl-hero-module .ttl-hero-cta{
margin-left:0!important;
margin-right:0!important;
}
.ttl-hero-module .ttl-hero h2{
max-width:740px!important;
margin-top:16px!important;
margin-bottom:14px!important;
color:#fff!important;
font-size:clamp(46px,5.4vw,78px)!important;
line-height:1.02!important;
letter-spacing:-.035em!important;
text-wrap:balance;
}
.ttl-hero-module .ttl-hero-content>p{
max-width:660px!important;
color:rgba(255,255,255,.9)!important;
font-size:clamp(16px,1.35vw,20px)!important;
line-height:1.55!important;
}
/* Put both arrows together at bottom-right so they never cover the title or grid. */
.ttl-hero-module .ttl-hero-arrow{
position:absolute!important;
z-index:20!important;
top:auto!important;
bottom:22px!important;
left:auto!important;
width:46px!important;
height:46px!important;
margin:0!important;
padding:0!important;
display:grid!important;
place-items:center!important;
border:1px solid rgba(255,255,255,.62)!important;
border-radius:50%!important;
background:rgba(7,22,37,.58)!important;
color:#fff!important;
font-size:31px!important;
line-height:1!important;
box-shadow:0 7px 22px rgba(0,0,0,.22)!important;
backdrop-filter:blur(8px)!important;
transform:none!important;
}
.ttl-hero-module .ttl-hero-prev{right:76px!important;}
.ttl-hero-module .ttl-hero-next{right:20px!important;}
.ttl-hero-module .ttl-hero-arrow:hover{background:var(--ttl-home-orange)!important;transform:translateY(-2px)!important;}
.ttl-hero-module .ttl-hero-dots{
z-index:18!important;
left:50%!important;
right:auto!important;
bottom:31px!important;
transform:translateX(-50%)!important;
}
/* Search: separate card under hero. */
.ttl-hero-search-shell{
position:relative!important;
z-index:30!important;
width:min(1180px,calc(100% - 40px))!important;
margin:20px auto 0!important;
transform:none!important;
}
.ttl-hero-search-shell .ttl-hero-search{
position:relative!important;
inset:auto!important;
width:100%!important;
margin:0!important;
transform:none!important;
box-sizing:border-box!important;
grid-template-columns:minmax(190px,.7fr) minmax(260px,1.25fr) auto!important;
gap:14px!important;
padding:17px 18px!important;
border:1px solid #dce5ec!important;
border-radius:18px!important;
background:#fff!important;
color:#152638!important;
box-shadow:0 16px 42px rgba(10,32,50,.13)!important;
}
.ttl-hero-search-shell .ttl-hero-search>div{display:block!important;}
.ttl-hero-wizard{
width:min(1180px,calc(100% - 40px))!important;
margin:0 auto!important;
}
/* ======================== SEARCH / ARCHIVE ======================== */
.ttl-search-wizard-wrap:not(.ttl-search-wizard-wrap--embedded){
width:min(1180px,calc(100vw - 40px))!important;
max-width:none!important;
margin-left:50%!important;
margin-right:0!important;
transform:translateX(-50%)!important;
}
/* ======================== TRIP GRID ======================== */
.ttl-grid-listing,
.ttl-grid-listing--full{
position:relative!important;
left:auto!important;
width:min(var(--ttl-home-max),calc(100vw - 40px))!important;
max-width:none!important;
margin:58px 0 72px 50%!important;
transform:translateX(-50%)!important;
box-sizing:border-box!important;
overflow:hidden!important;
padding:58px clamp(18px,3vw,42px) 76px!important;
border-radius:30px!important;
background:linear-gradient(180deg,#eefbfc 0,#fffaf6 190px,#fffaf6 100%)!important;
box-shadow:0 16px 48px rgba(23,50,72,.10)!important;
}
.ttl-grid-listing .ttl-season-decor{z-index:0!important;}
.ttl-grid-listing>:not(.ttl-season-decor){position:relative!important;z-index:2!important;}
.ttl-grid-listing .ttl-season-icon{top:18px!important;right:26px!important;width:92px!important;height:92px!important;opacity:.34!important;}
.ttl-grid-listing .ttl-season-wave{top:auto!important;bottom:-1px!important;height:120px!important;transform:none!important;opacity:.48!important;}
.ttl-grid-heading{max-width:760px!important;margin:0 auto 30px!important;text-align:center!important;}
.ttl-grid-heading h2{margin:0!important;font-size:clamp(34px,4vw,54px)!important;line-height:1.08!important;color:#2d4052!important;}
.ttl-grid-listing .ttl-excursion-search{
width:100%!important;
margin:0 0 26px!important;
box-sizing:border-box!important;
}
.ttl-excursion-grid,
.ttl-grid-listing--full .ttl-excursion-grid{
width:100%!important;
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:28px!important;
align-items:stretch!important;
}
.ttl-excursion-card{
position:relative!important;
display:flex!important;
min-width:0!important;
min-height:100%!important;
flex-direction:column!important;
overflow:hidden!important;
border:1px solid rgba(28,45,62,.13)!important;
border-radius:28px!important;
background:var(--ttl-home-card)!important;
box-shadow:0 9px 25px rgba(22,39,58,.16)!important;
}
.ttl-excursion-card:hover{transform:translateY(-6px)!important;box-shadow:0 18px 40px rgba(22,39,58,.20)!important;}
.ttl-card-image{
position:relative!important;
width:100%!important;
height:320px!important;
aspect-ratio:auto!important;
overflow:hidden!important;
border-radius:27px 27px 0 0!important;
background:#dfe8ef!important;
}
.ttl-card-image img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .45s ease!important;}
.ttl-excursion-card:hover .ttl-card-image img{transform:scale(1.04)!important;}
/* Price sun — exact adaptation of the live Liotsis card. */
.ttl-card-price-sun{
position:absolute!important;
top:14px!important;
left:14px!important;
width:80px!important;
height:80px!important;
background:radial-gradient(circle at center,#ff8300 0%,#FFA500 100%)!important;
border-radius:50%!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:0!important;
box-shadow:0 4px 15px rgba(0,0,0,.3)!important;
z-index:15!important;
transition:transform .3s ease,box-shadow .3s ease!important;
isolation:isolate!important;
}
.ttl-card-price-sun:hover{
transform:translateY(-3px) scale(1.05)!important;
box-shadow:0 6px 20px rgba(255,69,0,.4),0 0 0 4px rgba(255,165,0,.7)!important;
}
.ttl-card-price-sun::before{
content:""!important;
position:absolute!important;
top:50%!important;
left:50%!important;
width:110px!important;
height:110px!important;
background:repeating-conic-gradient(#f4a237fa 0deg 10deg,transparent 10deg 20deg)!important;
border-radius:50%!important;
z-index:-1!important;
animation:ttl-spin-rays 30s linear infinite!important;
opacity:.4!important;
transform-origin:50% 50%!important;
will-change:transform!important;
}
.ttl-card-price-sun::after{
content:""!important;
position:absolute!important;
top:50%!important;
left:50%!important;
width:100%!important;
height:100%!important;
transform:translate(-50%,-50%)!important;
background:linear-gradient(145deg,rgba(255,165,0,.8) 0%,rgba(255,69,0,.6) 100%)!important;
border-radius:50%!important;
z-index:-2!important;
box-shadow:inset 2px 2px 5px rgba(255,255,255,.2),inset -2px -2px 5px rgba(0,0,0,.3)!important;
}
@keyframes ttl-spin-rays{
from{transform:translate(-50%,-50%) rotate(0deg)}
to{transform:translate(-50%,-50%) rotate(360deg)}
}
.ttl-card-price-sun small{
display:block!important;
margin:-10px 0 0!important;
font-size:12px!important;
font-weight:500!important;
line-height:1!important;
color:#fff!important;
text-shadow:0 1px 2px rgba(0,0,0,.3)!important;
}
.ttl-card-price-sun strong{
display:block!important;
margin:-3px 0 0!important;
font-size:32px!important;
font-weight:800!important;
line-height:1!important;
color:#fff!important;
text-shadow:1px 1px 3px rgba(255,255,255,.5),0 2px 5px rgba(0,0,0,.3)!important;
}
/* Three real wave layers — copied from the live Liotsis implementation. */
.ttl-card-date-ribbon{
position:absolute!important;
z-index:7!important;
left:0!important;
right:0!important;
bottom:0!important;
width:100%!important;
height:100px!important;
min-height:100px!important;
padding:0!important;
display:block!important;
overflow:hidden!important;
background:transparent!important;
color:#fff!important;
text-align:center!important;
text-shadow:0 1px 3px rgba(0,0,0,.6)!important;
isolation:isolate!important;
pointer-events:none!important;
}
/* Disable every older pseudo-element wave implementation. */
.ttl-card-date-ribbon::before,
.ttl-card-date-ribbon::after{
content:none!important;
display:none!important;
animation:none!important;
background:none!important;
clip-path:none!important;
}
body .ttl-grid-listing .ttl-card-wave-box{
position:absolute!important;
bottom:0!important;
left:0!important;
width:100%!important;
height:100px!important;
overflow:hidden!important;
z-index:1!important;
pointer-events:none!important;
contain:paint!important;
transform:translateZ(0)!important;
}
@keyframes ttl-card-wave-slide-v092{
from{transform:translate3d(0,0,0)}
to{transform:translate3d(-1200px,0,0)}
}
body .ttl-grid-listing .ttl-card-wave{
position:absolute!important;
display:block!important;
left:0!important;
bottom:0!important;
width:calc(100% + 1200px)!important;
height:120%!important;
margin:0!important;
padding:0!important;
border:0!important;
background-repeat:repeat-x!important;
background-size:1200px 100px!important;
background-position:0 bottom!important;
animation-name:ttl-card-wave-slide-v092!important;
animation-timing-function:linear!important;
animation-iteration-count:infinite!important;
animation-play-state:running!important;
transform:translate3d(0,0,0);
will-change:transform!important;
backface-visibility:hidden!important;
pointer-events:none!important;
}
body .ttl-grid-listing .ttl-card-wave-1{
background-image:url("data:image/svg+xml;utf8,")!important;
opacity:1!important;
animation-duration:28s!important;
z-index:1!important;
}
body .ttl-grid-listing .ttl-card-wave-2{
background-image:url("data:image/svg+xml;utf8,")!important;
opacity:.7!important;
animation-duration:22s!important;
z-index:2!important;
}
body .ttl-grid-listing .ttl-card-wave-3{
background-image:url("data:image/svg+xml;utf8,")!important;
opacity:.5!important;
animation-duration:16s!important;
z-index:3!important;
}
body .ttl-grid-listing .ttl-card-wave-4{
bottom:10px!important;
background-image:url("data:image/svg+xml;utf8,")!important;
opacity:.26!important;
animation-duration:34s!important;
z-index:4!important;
}
.ttl-card-date-labels{
position:absolute!important;
left:0!important;
right:0!important;
bottom:10px!important;
width:100%!important;
min-height:42px!important;
padding:0 14px!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
flex-wrap:wrap!important;
gap:.15rem!important;
z-index:5!important;
box-sizing:border-box!important;
color:#fff!important;
text-align:center!important;
text-shadow:0 1px 3px rgba(0,0,0,.6)!important;
}
.ttl-card-date-label{
position:relative!important;
z-index:5!important;
margin:0!important;
color:#fff!important;
white-space:nowrap!important;
}
.ttl-card-date-labels strong{
font-size:15px!important;
font-weight:900!important;
line-height:1.15!important;
}
.ttl-card-date-labels small{
font-size:14px!important;
font-weight:850!important;
line-height:1.15!important;
}
.ttl-card-body{
display:flex!important;
min-height:330px!important;
flex:1!important;
flex-direction:column!important;
padding:25px 22px 22px!important;
background:var(--ttl-home-card)!important;
}
.ttl-card-body h3{margin:4px 0 12px!important;font-size:21px!important;line-height:1.48!important;}
.ttl-card-excerpt{min-height:88px!important;margin:0!important;flex:1!important;color:#73777f!important;font-size:14px!important;line-height:1.68!important;}
.ttl-card-actions{display:flex!important;margin-top:auto!important;padding-top:22px!important;}
.ttl-card-cta{display:inline-flex!important;min-height:48px!important;padding:0 24px!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;background:var(--ttl-home-orange)!important;color:#fff!important;font-size:14px!important;font-weight:900!important;text-decoration:none!important;box-shadow:0 8px 18px rgba(244,81,22,.24)!important;}
/* ======================== RESPONSIVE ======================== */
@media(max-width:1100px){
.ttl-excursion-grid,
.ttl-grid-listing--full .ttl-excursion-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:800px){
:root{--ttl-home-gap:10px;}
.ttl-hero-module{margin-bottom:42px!important;}
.ttl-hero-module .ttl-hero{height:600px!important;min-height:600px!important;border-radius:0 0 26px 26px!important;}
.ttl-hero-module .ttl-hero-content{padding:38px 18px 84px!important;}
.ttl-hero-module .ttl-hero h2{font-size:clamp(40px,11vw,61px)!important;}
.ttl-hero-module .ttl-hero-prev{right:70px!important;}
.ttl-hero-module .ttl-hero-next{right:14px!important;}
.ttl-hero-search-shell{width:calc(100% - 20px)!important;margin-top:14px!important;}
.ttl-hero-search-shell .ttl-hero-search{grid-template-columns:1fr!important;padding:15px!important;}
.ttl-hero-search-shell .ttl-hero-search-submit{width:100%!important;}
.ttl-grid-listing,.ttl-grid-listing--full{width:calc(100vw - 20px)!important;padding:46px 18px 68px!important;border-radius:22px!important;}
.ttl-card-image{height:300px!important;}
}
@media(max-width:620px){
.ttl-excursion-grid,
.ttl-grid-listing--full .ttl-excursion-grid{grid-template-columns:1fr!important;gap:24px!important;}
.ttl-grid-listing,.ttl-grid-listing--full{padding:40px 12px 62px!important;}
.ttl-grid-heading h2{font-size:38px!important;}
.ttl-card-image{height:300px!important;}
.ttl-card-body{min-height:0!important;}
.ttl-card-price-sun{top:15px!important;left:15px!important;width:74px!important;height:74px!important;}
.ttl-card-price-sun::before{width:100px!important;height:100px!important;}
.ttl-card-price-sun strong{font-size:25px!important;}
}
/* ======================================================================
v0.8.6 — λειτουργικά φίλτρα και καθαρή κατάσταση χωρίς αποτελέσματα
====================================================================== */
.ttl-excursion-card[hidden],
.ttl-excursion-card.is-filtered-out{
display:none!important;
}
.ttl-grid-empty-state{
margin:26px auto 0;
padding:28px 22px;
max-width:620px;
border:2px dashed #cbd8e3;
border-radius:18px;
background:rgba(255,255,255,.82);
color:#526273;
text-align:center;
}
.ttl-grid-empty-state[hidden]{display:none!important}
.ttl-grid-empty-state strong{display:block;margin-bottom:6px;color:#20364a;font-size:20px}
.ttl-grid-empty-state span{font-size:14px}
.ttl-category-filter{position:relative;z-index:3}
.ttl-card-filter{position:relative;z-index:3}
.ttl-category-filter:focus-visible,.ttl-card-filter:focus-visible{
outline:3px solid color-mix(in srgb,var(--ttl-primary,#ff5533) 24%,transparent);
outline-offset:2px;
}
.ttl-search-date-field[hidden],
.ttl-search-pickup-field[hidden],
.ttl-search-selected-excursion[hidden],
.ttl-search-booking-card .ttl-seat-stage[hidden],
.ttl-search-booking-card .ttl-booking-actions[hidden],
.ttl-hero-wizard[hidden]{display:none!important}
/* ======================================================================
v0.9.0 — σταθερό Hero έξι εκδρομών
====================================================================== */
.ttl-hero-module--showcase{
width:100%;
max-width:none;
margin:0 0 50px;
overflow:visible;
}
.ttl-hero-module--showcase .ttl-hero-showcase{
width:100%;
height:var(--ttl-hero-height,820px)!important;
min-height:760px!important;
max-height:980px!important;
padding:20px 0;
overflow:hidden;
border-radius:0!important;
background:#0d2237;
box-shadow:none!important;
}
.ttl-hero-showcase-shell{
position:relative;
z-index:3;
display:grid;
grid-template-columns:340px minmax(0,1fr);
gap:18px;
width:min(1540px,calc(100% - 40px));
height:100%;
margin:0 auto;
}
.ttl-hero-side-list{
display:flex;
min-width:0;
height:100%;
flex-direction:column;
gap:7px;
padding:22px 13px 13px;
overflow:hidden;
border:1px solid rgba(255,255,255,.13);
border-radius:28px;
background:linear-gradient(160deg,rgba(9,31,51,.97),rgba(15,48,72,.91));
box-shadow:0 22px 60px rgba(0,0,0,.25);
}
.ttl-hero-side-label{
flex:0 0 auto;
padding:0 12px 10px;
color:#86cbe2;
font-size:11px;
font-weight:900;
letter-spacing:.13em;
}
.ttl-hero-nav-item{
display:grid;
grid-template-columns:38px minmax(0,1fr);
gap:10px;
align-items:center;
min-width:0;
min-height:0;
flex:1 1 0;
padding:11px 12px;
overflow:hidden;
border:1px solid transparent;
border-radius:17px;
background:transparent;
color:rgba(255,255,255,.74);
text-align:left;
cursor:pointer;
transition:background .24s ease,border-color .24s ease,color .24s ease,transform .24s ease;
}
.ttl-hero-nav-item:hover{
border-color:rgba(255,255,255,.15);
background:rgba(255,255,255,.07);
color:#fff;
}
.ttl-hero-nav-item.is-active{
border-color:rgba(255,255,255,.23);
background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.08));
color:#fff;
box-shadow:inset 4px 0 0 var(--ttl-accent,#ff6b35),0 10px 24px rgba(0,0,0,.13);
}
.ttl-hero-nav-number{
display:grid;
place-items:center;
width:35px;
height:35px;
border-radius:50%;
background:rgba(255,255,255,.09);
color:#8ed7ed;
font-size:12px;
font-weight:900;
}
.ttl-hero-nav-item.is-active .ttl-hero-nav-number{
background:var(--ttl-accent,#ff6b35);
color:#fff;
}
.ttl-hero-nav-copy{
display:block;
min-width:0;
}
.ttl-hero-nav-copy strong{
display:-webkit-box;
overflow:hidden;
color:inherit;
font-size:14px;
font-weight:850;
line-height:1.25;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.ttl-hero-nav-copy small{
display:block;
margin-top:4px;
overflow:hidden;
color:rgba(255,255,255,.58);
font-size:11px;
line-height:1.2;
text-overflow:ellipsis;
white-space:nowrap;
}
.ttl-hero-stage{
position:relative;
min-width:0;
height:100%;
overflow:hidden;
border-radius:30px;
background:#163047;
box-shadow:0 22px 65px rgba(0,0,0,.28);
isolation:isolate;
}
.ttl-hero-stage .ttl-hero-slides,
.ttl-hero-stage .ttl-hero-slide{
position:absolute;
inset:0;
}
.ttl-hero-stage .ttl-hero-slide{
background-position:center;
background-size:cover;
transform:scale(1.015);
transition:opacity .65s ease,visibility .65s ease,transform 6.5s ease;
}
.ttl-hero-stage .ttl-hero-slide.is-active{transform:scale(1)}
.ttl-hero-stage .ttl-hero-overlay{
background:
linear-gradient(90deg,rgba(5,20,34,.75) 0%,rgba(5,20,34,.30) 54%,rgba(5,20,34,.07) 80%),
linear-gradient(0deg,rgba(5,20,34,.78) 0%,rgba(5,20,34,.10) 58%,transparent 82%);
}
.ttl-hero-stage .ttl-hero-content{
position:relative;
z-index:4;
display:flex;
width:100%;
max-width:none;
height:100%;
min-height:0!important;
margin:0;
padding:56px 54px 62px;
align-items:flex-start;
justify-content:flex-end;
flex-direction:column;
}
.ttl-hero-content-card{
display:flex;
width:min(760px,100%);
min-height:285px;
flex-direction:column;
justify-content:flex-end;
}
.ttl-hero-stage .ttl-hero-content h2{
display:-webkit-box;
min-height:2.05em;
max-width:760px;
margin:0 0 22px;
overflow:hidden;
color:#fff;
font-size:clamp(48px,5.4vw,82px);
font-weight:850;
line-height:1.02;
letter-spacing:-.045em;
text-shadow:0 5px 28px rgba(0,0,0,.32);
text-wrap:balance;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.ttl-hero-facts{
display:flex;
min-height:74px;
flex-wrap:wrap;
gap:11px;
align-items:stretch;
margin-bottom:20px;
}
.ttl-hero-facts>span{
display:flex;
min-width:190px;
max-width: 65%;
min-height:70px;
padding:12px 15px;
flex-direction:column;
justify-content:center;
border:1px solid rgba(255,255,255,.30);
border-radius:15px;
background:rgba(8,29,47,.55);
color:#fff;
box-shadow:0 8px 24px rgba(0,0,0,.13);
backdrop-filter:blur(10px);
}
.ttl-hero-facts small{
color:rgba(255,255,255,.69);
font-size:10px;
font-weight:850;
letter-spacing:.09em;
text-transform:uppercase;
}
.ttl-hero-facts strong{
margin-top:4px;
color:#fff;
font-size:16px;
line-height:1.25;
}
.ttl-hero-facts em{
margin-top:3px;
color:#b7e6f2;
font-size:11px;
font-style:normal;
font-weight:750;
}
.ttl-hero-facts .ttl-hero-price{
min-width:145px;
border-color:rgba(255,136,65,.52);
background:linear-gradient(135deg,rgba(255,105,49,.91),rgba(231,71,26,.88));
}
.ttl-hero-facts .ttl-hero-price strong{
font-size:28px;
letter-spacing:-.035em;
}
.ttl-hero-stage .ttl-hero-cta{
align-self:flex-start;
min-width:178px;
min-height:52px;
padding:0 26px;
border-radius:999px;
background:var(--ttl-accent,#ff6b35);
font-size:15px;
box-shadow:0 12px 30px rgba(0,0,0,.26);
}
.ttl-hero-stage .ttl-season-decor{z-index:2}
.ttl-hero-stage .ttl-season-icon{right:4%;top:5%}
.ttl-hero-stage .ttl-season-wave{height:90px;opacity:.58}
.ttl-hero-module--showcase .ttl-hero-search-shell{
width:min(1180px,calc(100% - 40px));
margin:20px auto 0!important;
}
@media(max-width:1080px){
.ttl-hero-showcase-shell{grid-template-columns:285px minmax(0,1fr)}
.ttl-hero-stage .ttl-hero-content{padding:42px 38px 50px}
.ttl-hero-stage .ttl-hero-content h2{font-size:clamp(42px,6vw,68px)}
.ttl-hero-nav-item{grid-template-columns:32px minmax(0,1fr);padding:9px}
.ttl-hero-nav-number{width:30px;height:30px}
}
@media(max-width:850px){
.ttl-hero-module--showcase .ttl-hero-showcase{
height:auto!important;
min-height:0!important;
max-height:none!important;
padding:12px 0;
}
.ttl-hero-showcase-shell{
display:flex;
width:calc(100% - 20px);
height:auto;
flex-direction:column;
gap:10px;
}
.ttl-hero-stage{height:610px;order:1;border-radius:22px}
.ttl-hero-side-list{
order:2;
height:126px;
padding:9px;
flex-direction:row;
overflow-x:auto;
border-radius:20px;
scrollbar-width:thin;
}
.ttl-hero-side-label{display:none}
.ttl-hero-nav-item{flex:0 0 225px;min-height:104px}
.ttl-hero-stage .ttl-hero-content{padding:34px 25px 38px}
.ttl-hero-content-card{min-height:270px}
.ttl-hero-stage .ttl-hero-content h2{min-height:2.05em;font-size:clamp(40px,9vw,58px)}
}
@media(max-width:560px){
.ttl-hero-stage{height:540px}
.ttl-hero-stage .ttl-hero-content{padding:24px 18px 28px}
.ttl-hero-content-card{min-height:280px}
.ttl-hero-stage .ttl-hero-content h2{margin-bottom:15px;font-size:clamp(34px,10.5vw,48px)}
.ttl-hero-facts{display:grid;grid-template-columns:1fr 120px;min-height:0;gap:7px}
.ttl-hero-facts>span{min-width:0;min-height:64px;padding:10px 11px}
.ttl-hero-facts strong{font-size:13px}
.ttl-hero-facts .ttl-hero-price{min-width:0}
.ttl-hero-facts .ttl-hero-price strong{font-size:23px}
.ttl-hero-stage .ttl-hero-cta{min-height:48px}
.ttl-hero-nav-item{flex-basis:205px}
.ttl-hero-module--showcase .ttl-hero-search-shell{width:calc(100% - 20px)}
}
/* ToTheLink Excursions Booking
Hero showcase patch: remove dark full background, left timeline, right-side clean info */
:root{
--ttl-showcase-max: 1440px;
--ttl-showcase-gap: 28px;
--ttl-showcase-orange: #ff6b35;
--ttl-showcase-blue: #103a63;
--ttl-showcase-line: rgba(16,58,99,.18);
}
/* outer module */
.ttl-hero-module.ttl-hero-module--showcase{
width:100% !important;
max-width:none !important;
margin:0 auto 34px !important;
overflow:visible !important;
background:transparent !important;
}
/* remove solid blue background behind the whole hero */
.ttl-hero-module--showcase .ttl-hero.ttl-hero-showcase{
width:100% !important;
min-height:unset !important;
height:auto !important;
max-height:none !important;
overflow:visible !important;
border-radius:0 !important;
background:transparent !important;
box-shadow:none !important;
}
/* stable 2-column shell */
.ttl-hero-module--showcase .ttl-hero-showcase-shell{
width:min(var(--ttl-showcase-max), calc(100% - 40px)) !important;
margin:0 auto !important;
display:grid !important;
grid-template-columns:280px minmax(0,1fr) !important;
gap:var(--ttl-showcase-gap) !important;
align-items:stretch !important;
}
/* left rail as timeline, not boxed cards */
.ttl-hero-module--showcase .ttl-hero-side-list{
position:relative !important;
display:flex !important;
flex-direction:column !important;
gap:0 !important;
margin:0 !important;
padding:30px 0 28px 0 !important;
border:0 !important;
border-radius:0 !important;
background:transparent !important;
box-shadow:none !important;
}
.ttl-hero-module--showcase .ttl-hero-side-label{
display:block !important;
margin:0 0 20px 54px !important;
color:var(--ttl-showcase-blue) !important;
font-size:12px !important;
font-weight:900 !important;
letter-spacing:.14em !important;
}
.ttl-hero-module--showcase .ttl-hero-side-list::before{
content:"";
position:absolute;
left:22px;
top:72px;
bottom:40px;
width:2px;
background:linear-gradient(180deg, rgba(16,58,99,.18) 0%, rgba(16,58,99,.42) 30%, rgba(16,58,99,.18) 100%);
}
.ttl-hero-module--showcase .ttl-hero-nav-item{
position:relative !important;
display:grid !important;
grid-template-columns:44px minmax(0,1fr) !important;
gap:14px !important;
align-items:start !important;
width:100% !important;
padding:0 0 28px 0 !important;
border:0 !important;
border-radius:0 !important;
background:transparent !important;
box-shadow:none !important;
color:#24384b !important;
text-align:left !important;
cursor:pointer !important;
}
.ttl-hero-module--showcase .ttl-hero-nav-item:last-child{ padding-bottom:0 !important; }
.ttl-hero-module--showcase .ttl-hero-nav-item::before{
content:"";
position:absolute;
left:22px;
top:42px;
width:2px;
bottom:-6px;
background:rgba(16,58,99,.12);
}
.ttl-hero-module--showcase .ttl-hero-nav-item:last-child::before{ display:none; }
.ttl-hero-module--showcase .ttl-hero-nav-number{
position:relative;
z-index:1;
display:grid !important;
place-items:center !important;
width:44px !important;
height:44px !important;
margin:0 !important;
border:2px solid rgba(16,58,99,.16) !important;
border-radius:50% !important;
background:#fff !important;
color:#3f5265 !important;
font-size:13px !important;
font-weight:900 !important;
line-height:1 !important;
box-shadow:0 6px 18px rgba(16,24,40,.08) !important;
}
.ttl-hero-module--showcase .ttl-hero-nav-copy{
display:block !important;
padding-top:2px !important;
}
.ttl-hero-module--showcase .ttl-hero-nav-copy strong{
display:block !important;
color:#203547 !important;
font-size:20px !important;
line-height:1.2 !important;
font-weight:800 !important;
}
.ttl-hero-module--showcase .ttl-hero-nav-copy small{
display:block !important;
margin-top:6px !important;
color:#fffbf7 !important;
font-size:13px !important;
font-weight:700 !important;
}
.ttl-hero-module--showcase .ttl-hero-nav-item.is-active .ttl-hero-nav-number,
.ttl-hero-module--showcase .ttl-hero-nav-item[aria-current="true"] .ttl-hero-nav-number{
border-color:var(--ttl-showcase-orange) !important;
background:var(--ttl-showcase-orange) !important;
color:#fff !important;
box-shadow:0 10px 24px rgba(255,107,53,.24) !important;
}
.ttl-hero-module--showcase .ttl-hero-nav-item.is-active .ttl-hero-nav-copy strong,
.ttl-hero-module--showcase .ttl-hero-nav-item[aria-current="true"] .ttl-hero-nav-copy strong{
color:var(--ttl-showcase-orange) !important;
}
/* right visual stage */
.ttl-hero-module--showcase .ttl-hero-stage{
position:relative !important;
min-height:820px !important;
border-radius:34px !important;
overflow:hidden !important;
background:#dfe8ef !important;
box-shadow:0 26px 68px rgba(16,24,40,.16) !important;
}
.ttl-hero-module--showcase .ttl-hero-slides,
.ttl-hero-module--showcase .ttl-hero-slide{
position:absolute !important;
inset:0 !important;
}
.ttl-hero-module--showcase .ttl-hero-slide{
background-position:center center !important;
background-size:cover !important;
}
.ttl-hero-module--showcase .ttl-hero-overlay{
background:linear-gradient(90deg, rgba(9,25,39,.30) 0%, rgba(9,25,39,.18) 30%, rgba(9,25,39,.10) 55%, rgba(9,25,39,.18) 100%), linear-gradient(180deg, rgba(8,18,28,.12) 0%, rgba(8,18,28,.30) 100%) !important;
}
/* content on the right, cleaner and without many little boxes */
.ttl-hero-module--showcase .ttl-hero-content{
position:relative !important;
z-index:3 !important;
width:100% !important;
max-width:none !important;
min-height:100% !important;
margin:0 !important;
padding:86px 54px !important;
display:flex !important;
align-items:center !important;
justify-content:flex-end !important;
}
.ttl-hero-module--showcase .ttl-hero-content-card{
width:min(460px, 100%) !important;
margin-left:auto !important;
padding:0 !important;
background:transparent !important;
border:0 !important;
box-shadow:none !important;
text-align:left !important;
}
.ttl-hero-module--showcase .ttl-hero h2{
max-width:none !important;
margin:0 0 14px !important;
color:#fff !important;
font-size:clamp(46px, 5.2vw, 78px) !important;
line-height:1.02 !important;
letter-spacing:-.03em !important;
text-shadow:0 6px 26px rgba(0,0,0,.28) !important;
}
.ttl-hero-module--showcase .ttl-hero-facts{
display:flex !important;
flex-direction:column !important;
gap:10px !important;
margin:0 0 22px !important;
}
.ttl-hero-module--showcase .ttl-hero-facts span,
.ttl-hero-module--showcase .ttl-hero-facts .ttl-hero-price{
display:block !important;
padding:7 !important;
border:0 !important;
background:transparent !important;
color:#fff !important;
box-shadow:none !important;
}
.ttl-hero-module--showcase .ttl-hero-facts small{
display:block !important;
margin:0 0 3px !important;
color:rgba(255,255,255,.80) !important;
font-size:12px !important;
font-weight:800 !important;
letter-spacing:.08em !important;
text-transform:uppercase !important;
}
.ttl-hero-module--showcase .ttl-hero-facts strong{
display:block !important;
color:#fff !important;
font-size:22px !important;
font-weight:900 !important;
line-height:1.2 !important;
}
.ttl-hero-module--showcase .ttl-hero-facts em{
display:block !important;
margin-top:3px !important;
color:#ffd6bf !important;
font-style:normal !important;
font-size:15px !important;
font-weight:700 !important;
}
.ttl-hero-module--showcase .ttl-hero-facts .ttl-hero-price strong{
color:#ffb37d !important;
font-size:34px !important;
}
.ttl-hero-module--showcase .ttl-hero-cta{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
min-height:52px !important;
padding:0 24px !important;
border-radius:999px !important;
background:var(--ttl-showcase-orange) !important;
color:#fff !important;
font-size:15px !important;
font-weight:900 !important;
text-decoration:none !important;
box-shadow:0 14px 34px rgba(255,107,53,.34) !important;
}
.ttl-hero-module--showcase .ttl-hero-cta:hover{
transform:translateY(-2px) !important;
filter:brightness(1.03) !important;
}
/* keep seasonal graphics subtle */
.ttl-hero-module--showcase .ttl-season-icon{
right:3.6% !important;
top:5% !important;
width:96px !important;
height:96px !important;
opacity:.78 !important;
}
.ttl-hero-module--showcase .ttl-season-wave{
height:112px !important;
opacity:.62 !important;
}
/* no arrows over each other */
.ttl-hero-module--showcase .ttl-hero-arrow{
top:auto !important;
bottom:26px !important;
width:46px !important;
height:46px !important;
margin-top:0 !important;
border:1px solid rgba(255,255,255,.32) !important;
border-radius:50% !important;
background:rgba(255,255,255,.14) !important;
backdrop-filter:blur(8px) !important;
color:#fff !important;
}
.ttl-hero-module--showcase .ttl-hero-prev{ left:auto !important; right:86px !important; }
.ttl-hero-module--showcase .ttl-hero-next{ right:28px !important; }
.ttl-hero-module--showcase .ttl-hero-dots{ left:auto !important; right:144px !important; bottom:42px !important; transform:none !important; }
/* search block under hero */
.ttl-hero-module--showcase .ttl-hero-search-shell{
width:min(var(--ttl-showcase-max), calc(100% - 40px)) !important;
margin:18px auto 0 !important;
}
.ttl-hero-module--showcase .ttl-hero-search-shell .ttl-hero-search{
width:min(980px, 100%) !important;
margin:0 0 0 auto !important;
}
/* responsive */
@media (max-width: 1180px){
.ttl-hero-module--showcase .ttl-hero-showcase-shell{
grid-template-columns:240px minmax(0,1fr) !important;
gap:20px !important;
}
.ttl-hero-module--showcase .ttl-hero-stage{ min-height:720px !important; }
.ttl-hero-module--showcase .ttl-hero-content{ padding:68px 38px !important; }
.ttl-hero-module--showcase .ttl-hero h2{ font-size:clamp(40px, 5vw, 64px) !important; }
}
@media (max-width: 900px){
.ttl-hero-module--showcase .ttl-hero-showcase-shell{
width:calc(100% - 24px) !important;
grid-template-columns:1fr !important;
}
.ttl-hero-module--showcase .ttl-hero-side-list{
padding:18px 0 4px !important;
flex-direction:row !important;
overflow:auto !important;
gap:16px !important;
}
.ttl-hero-module--showcase .ttl-hero-side-label,
.ttl-hero-module--showcase .ttl-hero-side-list::before,
.ttl-hero-module--showcase .ttl-hero-nav-item::before{ display:none !important; }
.ttl-hero-module--showcase .ttl-hero-nav-item{
flex:0 0 240px !important;
grid-template-columns:26px 1fr !important;
padding: 18px 0px 8px 29px !important;
}
.ttl-hero-module--showcase .ttl-hero-stage{ min-height:620px !important; }
.ttl-hero-module--showcase .ttl-hero-content{
padding:54px 22px 94px !important;
justify-content:flex-end !important;
align-items:flex-start !important;
}
.ttl-hero-module--showcase .ttl-hero-content-card{ margin-left:0 !important; }
.ttl-hero-module--showcase .ttl-hero h2{ font-size:clamp(34px, 9vw, 56px) !important; }
.ttl-hero-module--showcase .ttl-hero-search-shell{ width:calc(100% - 24px) !important; }
.ttl-hero-module--showcase .ttl-hero-search-shell .ttl-hero-search{ width:100% !important; }
.ttl-hero-module--showcase .ttl-hero-prev{ right:76px !important; }
.ttl-hero-module--showcase .ttl-hero-next{ right:18px !important; }
.ttl-hero-module--showcase .ttl-hero-dots{ right:132px !important; }
}
@media (max-width: 640px){
.ttl-hero-module--showcase .ttl-hero-stage{ min-height:560px !important; border-radius:24px !important; }
.ttl-hero-module--showcase .ttl-hero-content{ padding:42px 16px 92px !important; }
.ttl-hero-module--showcase .ttl-hero h2{ font-size:clamp(30px, 10vw, 42px) !important; }
.ttl-hero-module--showcase .ttl-hero-facts strong{ font-size:18px !important; }
.ttl-hero-module--showcase .ttl-hero-facts .ttl-hero-price strong{ font-size:28px !important; }
.ttl-hero-module--showcase .ttl-hero-arrow{ width:42px !important; height:42px !important; bottom:16px !important; }
.ttl-hero-module--showcase .ttl-hero-prev{ right:66px !important; }
.ttl-hero-module--showcase .ttl-hero-next{ right:12px !important; }
.ttl-hero-module--showcase .ttl-hero-dots{ display:none !important; }
}
/* =========================================================
FIX: κεντράρισμα Hero Showcase σε όλο το viewport
Βάλτε το ΜΕΤΑ από όλα τα προηγούμενα hero CSS.
========================================================= */
.ttl-hero-module.ttl-hero-module--showcase{
position:relative !important;
left:50% !important;
right:auto !important;
width:100vw !important;
max-width:100vw !important;
margin:0 0 38px -50vw !important;
padding:0 !important;
transform:none !important;
overflow:visible !important;
background:transparent !important;
box-sizing:border-box !important;
}
.ttl-hero-module--showcase .ttl-hero.ttl-hero-showcase{
position:relative !important;
width:100% !important;
max-width:none !important;
margin:0 !important;
padding:22px 0 !important;
background:transparent !important;
border-radius:0 !important;
box-shadow:none !important;
overflow:visible !important;
box-sizing:border-box !important;
}
.ttl-hero-module--showcase .ttl-hero-showcase-shell{
position:relative !important;
left:auto !important;
right:auto !important;
width:min(1440px, calc(100vw - 40px)) !important;
max-width:none !important;
margin:0 auto !important;
padding:0 !important;
transform:none !important;
box-sizing:border-box !important;
}
/* Η αριστερή timeline και η φωτογραφία παραμένουν μέσα στο κεντραρισμένο shell. */
.ttl-hero-module--showcase .ttl-hero-side-list,
.ttl-hero-module--showcase .ttl-hero-stage{
min-width:0 !important;
box-sizing:border-box !important;
}
/* Η αναζήτηση κεντραρισμένη κάτω από το Hero. */
.ttl-hero-module--showcase .ttl-hero-search-shell{
position:relative !important;
left:auto !important;
right:auto !important;
width:min(1440px, calc(100vw - 40px)) !important;
max-width:none !important;
margin:18px auto 0 !important;
padding-left:308px !important; /* 280px timeline + 28px κενό */
transform:none !important;
box-sizing:border-box !important;
}
.ttl-hero-module--showcase .ttl-hero-search-shell .ttl-hero-search{
width:100% !important;
max-width:none !important;
margin:0 !important;
box-sizing:border-box !important;
}
@media (max-width:1180px){
.ttl-hero-module--showcase .ttl-hero-search-shell{
padding-left:260px !important;
}
}
@media (max-width:900px){
.ttl-hero-module.ttl-hero-module--showcase{
width:100vw !important;
max-width:100vw !important;
}
.ttl-hero-module--showcase .ttl-hero-showcase-shell,
.ttl-hero-module--showcase .ttl-hero-search-shell{
width:calc(100vw - 24px) !important;
}
.ttl-hero-module--showcase .ttl-hero-search-shell{
padding-left:0 !important;
}
}
@media (max-width:640px){
.ttl-hero-module--showcase .ttl-hero-showcase-shell,
.ttl-hero-module--showcase .ttl-hero-search-shell{
width:calc(100vw - 16px) !important;
}
}
/* ToTheLink Excursions Booking — Hero final fix 0.9.3
1. Η ενεργή φωτογραφία καλύπτει όλο το Hero, πίσω και από το timeline.
2. Το timeline κάθεται πάνω στη φωτογραφία με θολωμένο γυαλί.
3. Η αναζήτηση κεντράρεται ως προς ολόκληρη τη σελίδα.
4. Στο κινητό το hint βελάκι είναι αριστερά και δεν μαυρίζει στο πάτημα.
*/
:root{
--ttl-showcase-max: 1440px;
--ttl-showcase-timeline: 300px;
--ttl-showcase-gap: 28px;
--ttl-showcase-orange: #ff6b35;
}
/* =========================================================
DESKTOP: η φωτογραφία είναι ενιαία πίσω από ΟΛΟ το Hero
========================================================= */
.ttl-hero-module--showcase .ttl-hero-showcase-shell{
position: relative !important;
display: block !important;
width: min(var(--ttl-showcase-max), calc(100% - 40px)) !important;
min-height: 820px !important;
margin: 0 auto !important;
overflow: hidden !important;
border-radius: 34px !important;
background: #dfe8ef !important;
box-shadow: 0 26px 68px rgba(16,24,40,.16) !important;
}
/* Το stage απλώνεται σε όλο το πλάτος, άρα η φωτογραφία περνά πίσω από το timeline. */
.ttl-hero-module--showcase .ttl-hero-stage{
position: absolute !important;
inset: 0 !important;
z-index: 1 !important;
width: 100% !important;
min-height: 100% !important;
border-radius: 34px !important;
overflow: hidden !important;
background: #dfe8ef !important;
box-shadow: none !important;
}
.ttl-hero-module--showcase .ttl-hero-slides,
.ttl-hero-module--showcase .ttl-hero-slide{
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
}
.ttl-hero-module--showcase .ttl-hero-slide{
background-position: center center !important;
background-size: cover !important;
}
/* Λίγο πιο σκούρο μόνο στο αριστερό τμήμα για να διαβάζεται το timeline. */
.ttl-hero-module--showcase .ttl-hero-overlay{
background:
linear-gradient(90deg,
rgba(10,28,42,.56) 0%,
rgba(10,28,42,.34) 22%,
rgba(10,28,42,.10) 48%,
rgba(10,28,42,.12) 100%),
linear-gradient(180deg,rgba(7,19,29,.06),rgba(7,19,29,.26)) !important;
}
/* Timeline πάνω από την ίδια φωτογραφία. */
.ttl-hero-module--showcase .ttl-hero-side-list{
position: absolute !important;
z-index: 8 !important;
left: 0 !important;
top: 0 !important;
bottom: 0 !important;
width: var(--ttl-showcase-timeline) !important;
margin: 0 !important;
padding: 32px 26px 30px 34px !important;
border: 0 !important;
border-radius: 34px 0 0 34px !important;
background: rgba(246,249,251,.34) !important;
box-shadow: inset -1px 0 rgba(255,255,255,.35) !important;
backdrop-filter: blur(13px) saturate(118%) !important;
-webkit-backdrop-filter: blur(13px) saturate(118%) !important;
overflow: hidden !important;
}
.ttl-hero-module--showcase .ttl-hero-side-label,
.ttl-hero-module--showcase .ttl-hero-nav-copy strong,
.ttl-hero-module--showcase .ttl-hero-nav-copy small{
text-shadow: 0 1px 12px rgba(255,255,255,.35) !important;
}
/* Το κύριο περιεχόμενο μένει δεξιά και δεν καλύπτει το timeline. */
.ttl-hero-module--showcase .ttl-hero-content{
position: relative !important;
z-index: 4 !important;
width: 100% !important;
max-width: none !important;
min-height: 820px !important;
margin: 0 !important;
padding: 82px 58px 82px calc(var(--ttl-showcase-timeline) + 70px) !important;
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
}
.ttl-hero-module--showcase .ttl-hero-content-card{
width: min(470px,100%) !important;
margin-left: auto !important;
}
/* =========================================================
ΑΝΑΖΗΤΗΣΗ: κέντρο ΟΛΗΣ της σελίδας, όχι του image stage
========================================================= */
.ttl-hero-module--showcase .ttl-hero-search-shell{
position: relative !important;
inset: auto !important;
z-index: 20 !important;
display: flex !important;
justify-content: center !important;
width: 100% !important;
max-width: none !important;
margin: 20px auto 0 !important;
padding: 0 20px !important;
transform: none !important;
box-sizing: border-box !important;
}
.ttl-hero-module--showcase .ttl-hero-search-shell .ttl-hero-search{
position: relative !important;
inset: auto !important;
width: min(920px,100%) !important;
margin: 0 auto !important;
transform: none !important;
box-sizing: border-box !important;
}
/* =========================================================
ΚΟΥΜΠΙΑ / TAP: ποτέ μαύρο background στο πάτημα
========================================================= */
.ttl-hero-module--showcase .ttl-hero-nav-item,
.ttl-hero-module--showcase .ttl-hero-nav-item:hover,
.ttl-hero-module--showcase .ttl-hero-nav-item:active,
.ttl-hero-module--showcase .ttl-hero-nav-item:focus,
.ttl-hero-module--showcase .ttl-hero-nav-item:focus-visible{
background: transparent !important;
color: inherit !important;
outline: none !important;
box-shadow: none !important;
-webkit-tap-highlight-color: transparent !important;
}
.ttl-hero-module--showcase .ttl-hero-nav-item::-moz-focus-inner{
border: 0 !important;
}
/* =========================================================
TABLET / ΚΙΝΗΤΟ: timeline οριζόντιο + hint βελάκι ΑΡΙΣΤΕΡΑ
========================================================= */
@media (max-width: 900px){
.ttl-hero-module--showcase .ttl-hero-showcase-shell{
display: grid !important;
grid-template-rows: auto minmax(560px,1fr) !important;
width: calc(100% - 24px) !important;
min-height: 0 !important;
overflow: visible !important;
border-radius: 24px !important;
background: transparent !important;
box-shadow: none !important;
}
.ttl-hero-module--showcase .ttl-hero-side-list{
position: relative !important;
inset: auto !important;
z-index: 9 !important;
display: flex !important;
flex-direction: row !important;
gap: 14px !important;
width: 100% !important;
padding: 16px 18px 10px 44px !important;
margin: 0 0 12px !important;
border-radius: 20px !important;
background: rgb(10 65 120 / 29%) !important;
backdrop-filter: blur(12px) !important;
-webkit-backdrop-filter: blur(12px) !important;
overflow-x: auto !important;
overflow-y: hidden !important;
scroll-snap-type: x proximity !important;
scrollbar-width: none !important;
box-shadow: 0 10px 26px rgba(16,24,40,.10) !important;
-webkit-overflow-scrolling: touch !important;
}
.ttl-hero-module--showcase .ttl-hero-nav-copy small {
display: block !important;
margin-top: 6px !important;
color: #fffbf7 !important;
font-size: 12px !important;
font-weight: 700 !important;
}
.ttl-hero-module--showcase .ttl-hero-side-list::-webkit-scrollbar{
display: none !important;
}
.ttl-hero-module--showcase .ttl-hero-side-label{
display: none !important;
}
.ttl-hero-module--showcase .ttl-hero-nav-item{
flex: 0 0 205px !important;
scroll-snap-align: start !important;
}
.ttl-hero-module--showcase .ttl-hero-nav-copy strong {
display: block !important;
color: #203547 !important;
font-size: 15px !important;
line-height: 1.2 !important;
font-weight: 800 !important;
}
.ttl-hero-module--showcase .ttl-hero-nav-number {
position: relative;
z-index: 1;
display: grid !important;
place-items: center !important;
width: 34px !important;
height: 34px !important;
margin: 0 !important;
border: 2px solid rgba(16,58,99,.16) !important;
border-radius: 50% !important;
background: #fff !important;
color: #3f5265 !important;
font-size: 13px !important;
font-weight: 900 !important;
line-height: 1 !important;
box-shadow: 0 6px 18px rgba(16,24,40,.08) !important;
}
/* Hint arrow LEFT. */
.ttl-hero-module--showcase .ttl-hero-side-list::before{
content: "‹" !important;
position: absolute !important;
z-index: 20 !important;
left: 48px !important;
right: auto !important;
top: 47% !important;
bottom: auto !important;
transform: translateY(-50%) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 20px !important;
height: 20px !important;
border-radius: 50% !important;
background: rgba(16,58,99,.86) !important;
color: #fff !important;
font-size: 23px !important;
line-height: 1 !important;
box-shadow: 0 7px 18px rgba(16,24,40,.18) !important;
pointer-events: none !important;
opacity: .92 !important;
}
/* Κανένα δεξί hint από παλιότερο patch. */
.ttl-hero-module--showcase .ttl-hero-side-list::after{
display: none !important;
content: none !important;
}
.ttl-hero-module--showcase .ttl-hero-stage{
position: relative !important;
inset: auto !important;
grid-row: 2 !important;
min-height: 620px !important;
border-radius: 24px !important;
overflow: hidden !important;
box-shadow: 0 20px 48px rgba(16,24,40,.15) !important;
}
.ttl-hero-module--showcase .ttl-hero-content{
min-height: 620px !important;
padding: 54px 22px 92px !important;
justify-content: flex-end !important;
align-items: flex-start !important;
}
.ttl-hero-module--showcase .ttl-hero-content-card{
width: min(470px,100%) !important;
margin-left: 0 !important;
}
.ttl-hero-module--showcase .ttl-hero-search-shell{
width: 100% !important;
padding: 0 12px !important;
}
}
@media (max-width: 640px){
.ttl-hero-module--showcase .ttl-hero-stage,
.ttl-hero-module--showcase .ttl-hero-content{
min-height: 560px !important;
}
.ttl-hero-module--showcase .ttl-hero-content{
padding: 44px 16px 88px !important;
}
.ttl-hero-module--showcase .ttl-hero-search-shell .ttl-hero-search{
width: 100% !important;
}
}
/* ======================================================================
v0.9.4 — πιο αργά, ψηλότερα και απολύτως συνεχόμενα κύματα
====================================================================== */
body .ttl-grid-listing .ttl-card-date-ribbon{
height:116px!important;
min-height:116px!important;
}
body .ttl-grid-listing .ttl-card-wave-box{
height:116px!important;
}
body .ttl-grid-listing .ttl-card-wave{
width:calc(100% + 2400px)!important;
height:142px!important;
background-size:1200px 116px!important;
background-position:0 bottom!important;
transform:translate3d(0,0,0);
}
@keyframes ttl-card-wave-slide-v094{
from{transform:translate3d(0,0,0)}
to{transform:translate3d(-1200px,0,0)}
}
body .ttl-grid-listing .ttl-card-wave-1,
body .ttl-grid-listing .ttl-card-wave-2,
body .ttl-grid-listing .ttl-card-wave-3,
body .ttl-grid-listing .ttl-card-wave-4{
animation-name:ttl-card-wave-slide-v094!important;
animation-timing-function:linear!important;
animation-iteration-count:infinite!important;
animation-play-state:running!important;
}
body .ttl-grid-listing .ttl-card-wave-1{
animation-duration:34s!important;
}
body .ttl-grid-listing .ttl-card-wave-2{
animation-duration:28s!important;
}
body .ttl-grid-listing .ttl-card-wave-3{
animation-duration:22s!important;
}
body .ttl-grid-listing .ttl-card-wave-4{
bottom:15px!important;
/* Η καμπύλη ξεκινά και τελειώνει ακριβώς στο ίδιο ύψος (44), ώστε το loop να μην έχει ραφή. */
background-image:url("data:image/svg+xml;utf8,")!important;
opacity:.25!important;
animation-duration:40s!important;
}
body .ttl-grid-listing .ttl-card-date-labels{
bottom:11px!important;
}
/* ======================================================================
v0.9.5 — κύματα χωρίς κενό στο κάτω άκρο της φωτογραφίας
====================================================================== */
body .ttl-grid-listing .ttl-card-date-ribbon{
bottom:-1px!important;
height:120px!important;
min-height:120px!important;
background:#003399!important;
}
body .ttl-grid-listing .ttl-card-wave-box{
inset:auto 0 -1px 0!important;
width:100%!important;
height:121px!important;
background:#003399!important;
}
body .ttl-grid-listing .ttl-card-wave{
bottom:-1px!important;
height:150px!important;
background-size:1200px 120px!important;
background-position:0 100%!important;
}
body .ttl-grid-listing .ttl-card-wave-4{
bottom:16px!important;
}
body .ttl-grid-listing .ttl-card-date-labels{
bottom:12px!important;
}
/* ======================================================================
v0.9.6 — λειτουργικές διορθώσεις κράτησης
====================================================================== */
/* Γαλαρία 5 συνεχόμενων θέσεων στο λεωφορείο 50 θέσεων / 49 επιβατών. */
.ttl-seat-row--gallery{
grid-template-columns:repeat(5,42px)!important;
gap:6px!important;
}
.ttl-seat-row--gallery:before{
content:'ΓΑΛΑΡΙΑ';
grid-column:1/-1;
margin:2px 0 0;
color:#7b8a98;
font-size:9px;
font-weight:850;
letter-spacing:.1em;
text-align:center;
}
/* «Οι κρατήσεις μου»: εμφανές κουμπί διαγραφής της κράτησης. */
body.ttl-eb-excursion-cart .ttl-remove-reservation{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:34px;
padding:7px 11px;
border:1px solid #e5b9b9;
border-radius:9px;
background:#fff6f6;
color:#b42318;
font-size:12px;
font-weight:750;
line-height:1.15;
text-decoration:none!important;
white-space:nowrap;
}
body.ttl-eb-excursion-cart .ttl-remove-reservation:hover{
border-color:#cf7777;
background:#fff0f0;
color:#8f1710;
}
/* Checkout εκδρομής: μόνο τα 5 απαραίτητα στοιχεία, σε καθαρή διάταξη. */
body.ttl-eb-only-excursions .woocommerce-billing-fields__field-wrapper{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px;
}
body.ttl-eb-only-excursions .woocommerce-billing-fields__field-wrapper .form-row{
float:none!important;
width:100%!important;
margin:0!important;
}
body.ttl-eb-only-excursions .woocommerce-billing-fields__field-wrapper #billing_phone_field,
body.ttl-eb-only-excursions .woocommerce-billing-fields__field-wrapper #billing_email_field,
body.ttl-eb-only-excursions .woocommerce-billing-fields__field-wrapper #billing_city_field{
grid-column:1/-1;
}
@media(max-width:600px){
.ttl-seat-row--gallery{grid-template-columns:repeat(5,38px)!important;gap:5px!important}
body.ttl-eb-only-excursions .woocommerce-billing-fields__field-wrapper{grid-template-columns:1fr}
body.ttl-eb-only-excursions .woocommerce-billing-fields__field-wrapper>*{grid-column:1!important}
}
/* v0.9.6 — αρκετός χώρος για το κείμενο «Διαγραφή κράτησης» στο desktop καλάθι. */
@media(min-width:621px){
body.ttl-eb-excursion-cart .woocommerce-cart-form th.product-remove,
body.ttl-eb-excursion-cart .woocommerce-cart-form td.product-remove{
width:150px!important;
min-width:150px!important;
}
}
/* v0.9.6 — διατήρηση της τελευταίας εγκεκριμένης σειράς των 4 κυμάτων. */
body .ttl-grid-listing .ttl-card-wave-box{isolation:isolate}
body .ttl-grid-listing .ttl-card-wave-4{bottom:15px!important;opacity:.40!important;z-index:0!important}
body .ttl-grid-listing .ttl-card-wave-1{z-index:1!important}
body .ttl-grid-listing .ttl-card-wave-2{z-index:2!important}
body .ttl-grid-listing .ttl-card-wave-3{z-index:3!important}
body .ttl-grid-listing .ttl-card-date-labels{z-index:5!important}
/* TTL TRANSFER MODAL V1 */
.ttl-transfer-list{
display:grid;
gap:10px;
}
.ttl-transfer-row{
display:grid;
grid-template-columns:36px minmax(0,1fr) auto;
align-items:center;
gap:12px;
width:100%;
padding:14px 15px;
border:1px solid var(--ttl-line);
border-radius:14px;
background:#fff;
color:var(--ttl-ink);
text-align:left;
}
.ttl-transfer-row.has-map-point{
cursor:pointer;
}
.ttl-transfer-row.has-map-point:hover{
border-color:#ffb7a7;
background:#fff9f7;
}
.ttl-transfer-row:disabled{
opacity:1;
cursor:default;
}
.ttl-transfer-pin{
display:grid;
place-items:center;
width:32px;
height:32px;
border-radius:50%;
background:var(--ttl-primary);
color:#fff;
font-weight:900;
}
.ttl-transfer-main strong{
display:block;
font-size:15px;
}
.ttl-transfer-main small{
display:block;
margin-top:3px;
color:var(--ttl-muted);
font-size:12px;
}
.ttl-transfer-types{
display:flex;
flex-wrap:wrap;
gap:6px;
margin-top:7px;
}
.ttl-transfer-type{
display:inline-flex;
align-items:center;
padding:4px 8px;
border-radius:999px;
font-size:12px;
font-weight:800;
line-height:1.2;
background:#f4f4f5;
}
.ttl-transfer-type.pickup{
background:#eef7ff;
}
.ttl-transfer-type.dropoff{
background:#f4f1ff;
}
.ttl-transfer-view-map{
white-space:nowrap;
font-size:12px;
font-weight:850;
color:var(--ttl-primary-dark);
}
.ttl-transfer-no-map{
color:#9a9a9a !important;
}
.ttl-transfer-modal{
position:fixed;
inset:0;
z-index:999999;
display:none;
align-items:center;
justify-content:center;
padding:20px;
}
.ttl-transfer-modal.is-open{
display:flex;
}
.ttl-transfer-modal-backdrop{
position:absolute;
inset:0;
background:rgba(0,0,0,.58);
}
.ttl-transfer-modal-dialog{
position:relative;
z-index:2;
width:min(760px, 100%);
max-height:calc(100vh - 40px);
overflow:auto;
background:#fff;
border-radius:20px;
box-shadow:0 20px 70px rgba(0,0,0,.28);
}
.ttl-transfer-modal-close{
position:absolute;
top:12px;
right:14px;
z-index:5;
width:38px;
height:38px;
border:0;
border-radius:50%;
background:#fff;
font-size:28px;
line-height:1;
cursor:pointer;
}
.ttl-transfer-modal-head{
padding:25px 60px 18px 24px;
}
.ttl-transfer-modal-head p{
margin:0 0 5px;
color:var(--ttl-primary);
font-size:11px;
font-weight:900;
letter-spacing:.08em;
}
.ttl-transfer-modal-head h3{
margin:0;
font-size:23px;
line-height:1.2;
}
.ttl-transfer-modal-address{
margin-top:7px;
color:var(--ttl-muted);
}
.ttl-transfer-modal-times{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:12px;
}
.ttl-transfer-modal-times span{
padding:6px 10px;
border-radius:10px;
background:#f6f6f7;
font-size:13px;
}
.ttl-transfer-modal-map{
width:100%;
height:420px;
background:#f2f2f2;
}
.ttl-transfer-modal-footer{
padding:16px 20px 20px;
text-align:right;
}
.ttl-transfer-google-link{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:44px;
padding:0 18px;
border-radius:10px;
background:var(--ttl-primary);
color:#fff !important;
text-decoration:none !important;
font-weight:850;
}
body.ttl-transfer-modal-open{
overflow:hidden;
}
@media (max-width:700px){
.ttl-transfer-modal{
padding:10px;
}
.ttl-transfer-modal-dialog{
max-height:calc(100vh - 20px);
border-radius:16px;
}
.ttl-transfer-modal-map{
height:330px;
}
.ttl-transfer-row{
grid-template-columns:32px minmax(0,1fr);
padding:12px;
}
.ttl-transfer-view-map{
grid-column:2;
}
.ttl-transfer-modal-footer{
text-align:stretch;
}
.ttl-transfer-google-link{
width:100%;
}
}
/* TTL 0.9.20 - robust includes/excludes list reset */
.ttl-accordion-content ul.ttl-positive-list,
.ttl-accordion-content ul.ttl-negative-list {
list-style: none !important;
margin-left: 0 !important;
padding-left: 0 !important;
text-indent: 0 !important;
}
.ttl-accordion-content ul.ttl-positive-list > li,
.ttl-accordion-content ul.ttl-negative-list > li {
position: relative !important;
display: block !important;
margin: 9px 0 !important;
padding: 0 0 0 34px !important;
text-indent: 0 !important;
overflow: visible !important;
transform: none !important;
box-sizing: border-box !important;
}
.ttl-accordion-content ul.ttl-positive-list > li::before,
.ttl-accordion-content ul.ttl-negative-list > li::before {
position: absolute !important;
left: 0 !important;
top: 1px !important;
width: 20px !important;
height: 20px !important;
margin: 0 !important;
padding: 0 !important;
text-indent: 0 !important;
display: grid !important;
place-items: center !important;
box-sizing: border-box !important;
}
/* TTL list text hard fix */
.ttl-accordion-content ul.ttl-positive-list > li,
.ttl-accordion-content ul.ttl-negative-list > li {
display:flex !important;
align-items:flex-start !important;
gap:12px !important;
padding-left:0 !important;
text-indent:0 !important;
overflow:visible !important;
}
.ttl-accordion-content ul.ttl-positive-list > li::before,
.ttl-accordion-content ul.ttl-negative-list > li::before {
position:static !important;
flex:0 0 20px !important;
width:20px !important;
height:20px !important;
margin:1px 0 0 0 !important;
}
.ttl-accordion-content .ttl-list-text {
display:block !important;
position:relative !important;
z-index:2 !important;
min-width:0 !important;
text-indent:0 !important;
overflow:visible !important;
}
/* TTL clean frontend lists - independent from theme UL/LI rules */
.ttl-accordion-content .ttl-clean-list {
display:block !important;
margin:0 !important;
padding:0 !important;
}
.ttl-accordion-content .ttl-clean-list-row {
display:flex !important;
align-items:flex-start !important;
gap:12px !important;
margin:10px 0 !important;
padding:0 !important;
position:static !important;
overflow:visible !important;
text-indent:0 !important;
}
.ttl-accordion-content .ttl-clean-list-icon {
flex:0 0 21px !important;
width:21px !important;
height:21px !important;
display:grid !important;
place-items:center !important;
border-radius:50% !important;
font-size:12px !important;
font-weight:900 !important;
line-height:1 !important;
}
.ttl-accordion-content .ttl-positive-list .ttl-clean-list-icon {
background:#eaf8f3 !important;
color:#087a5b !important;
}
.ttl-accordion-content .ttl-negative-list .ttl-clean-list-icon {
background:#fff0ee !important;
color:#c6381e !important;
}
.ttl-accordion-content .ttl-clean-list-text {
flex:1 1 auto !important;
min-width:0 !important;
margin:0 !important;
padding:0 !important;
position:static !important;
overflow:visible !important;
text-indent:0 !important;
transform:none !important;
}