/* Dino Encounters – theme.css | Sage/Fossil scheme | v1.0.0 */ /* ===== SELF-HOSTED FONTS ===== */ @font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/barlow-condensed-v13-latin-700.woff2") format("woff2")} @font-face{font-family:"Barlow Condensed";font-style:italic;font-weight:800;font-display:swap;src:url("../fonts/barlow-condensed-v13-latin-800italic.woff2") format("woff2")} @font-face{font-family:"Barlow Condensed";font-style:italic;font-weight:900;font-display:swap;src:url("../fonts/barlow-condensed-v13-latin-900italic.woff2") format("woff2")} @font-face{font-family:"Barlow";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/barlow-v13-latin-400.woff2") format("woff2")} @font-face{font-family:"Barlow Condensed Fallback";src:local("Arial Narrow"),local("Arial");size-adjust:88%;ascent-override:100%;descent-override:25%;line-gap-override:0%} @font-face{font-family:"Barlow Fallback";src:local("Arial");size-adjust:96%;ascent-override:95%;descent-override:24%;line-gap-override:0%} /* Centra No. 2 (Book, 400) — licencelt, self-hosted. Csak a Book súly áll rendelkezésre; ha a megrendelő megvásárolja a Medium/Bold súlyokat is, ide kell venni fel őket ugyanezzel a mintával, más font-weight értékkel. */ @font-face{font-family:"Centra";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/centra-book.woff2") format("woff2"),url("../fonts/centra-book.woff") format("woff"),url("../fonts/centra-book.ttf") format("truetype")} :root{ /* Green colour scheme tokens — overridden by colour-scheme.php */ --green:#1d5c2e; --green-dark:#123d1e; --green-light:#2a7a3e; --green-pale:#e8f4ec; --orange:#d63a06; --orange-dark:#c44208; --orange-light:#f07040; --maroon:#651a2e; --maroon-dark:#4a1322; --cream:#e6ddce; --band:#e4e9dd; --ink:#1a0a0e; --yellow:#f2a900; --yellow-dark:#d99800; --white:#fff; --radius:14px; --shadow:0 10px 30px rgba(26,10,14,.12); --font-display:"Barlow Condensed","Barlow Condensed Fallback",sans-serif; --font-head:"Barlow Condensed","Barlow Condensed Fallback",sans-serif; --font-body:"Barlow","Barlow Fallback",sans-serif; /* dino motifs (data-URI SVG) */ --claw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='%23e6ddce' fill-opacity='.14'%3E%3Cpath d='M38 6 C30 60 38 120 64 188 L46 190 C20 124 14 62 24 8 Z'/%3E%3Cpath d='M86 2 C80 62 90 126 118 196 L100 198 C72 130 66 64 72 4 Z'/%3E%3Cpath d='M134 4 C130 64 142 128 170 194 L152 196 C124 130 118 66 120 6 Z'/%3E%3Cpath d='M176 12 C174 66 184 124 198 176 L184 180 C166 128 158 70 162 14 Z'/%3E%3C/g%3E%3C/svg%3E"); --claw-tan:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cg fill='%23d8c9b2' fill-opacity='.5'%3E%3Cpath d='M38 6 C30 60 38 120 64 188 L46 190 C20 124 14 62 24 8 Z'/%3E%3Cpath d='M86 2 C80 62 90 126 118 196 L100 198 C72 130 66 64 72 4 Z'/%3E%3Cpath d='M134 4 C130 64 142 128 170 194 L152 196 C124 130 118 66 120 6 Z'/%3E%3Cpath d='M176 12 C174 66 184 124 198 176 L184 180 C166 128 158 70 162 14 Z'/%3E%3C/g%3E%3C/svg%3E"); --footprint:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='%23d8c9b2'%3E%3Cellipse cx='32' cy='42' rx='13' ry='15'/%3E%3Cellipse cx='14' cy='20' rx='6' ry='12' transform='rotate(-24 14 20)'/%3E%3Cellipse cx='32' cy='14' rx='6' ry='13'/%3E%3Cellipse cx='50' cy='20' rx='6' ry='12' transform='rotate(24 50 20)'/%3E%3C/g%3E%3C/svg%3E"); } *{margin:0;padding:0;box-sizing:border-box} html{scroll-behavior:smooth} body{font-family:var(--font-body);color:var(--ink);background:#f4f6f1;line-height:1.6;font-size:17px} img{max-width:100%;height:auto;display:block} a{color:inherit} .container{width:min(1200px,92%);margin-inline:auto} /* ===== HEADER ===== */ .site-header{z-index:1000} .topbar{ background:var(--green-dark,#123d1e); color:#fff;font-size:.82rem; padding:.4rem 0; border-bottom:2px solid var(--orange,#d63a06); } .topbar-inner{ display:flex;justify-content:space-between;align-items:center;gap:1rem; flex-wrap:wrap; } .topbar a,.topbar span{color:rgba(255,255,255,.85)} .topbar a:hover{color:#fff} .topbar-left{display:flex;gap:1.5rem;align-items:center} .topbar-right{display:flex;gap:1rem;align-items:center} .topbar-badge{ background:var(--orange,#d63a06);color:#fff; font-weight:600;font-size:.72rem;letter-spacing:.04em; padding:.18rem .7rem;border-radius:20px; } .tb-sep{opacity:.3} .btn{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-head);font-weight:900;font-style:italic;letter-spacing:.05em;text-transform:uppercase;font-size:1.05rem;border-radius:6px;padding:.6rem 1.8rem;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;white-space:nowrap;border:none;text-decoration:none} .btn:hover{transform:translateY(-2px)} .btn:active{transform:translateY(0)} .btn-primary{background:var(--orange,#d63a06);color:#fff;box-shadow:0 4px 0 var(--orange-dark,#c44208)} .btn-primary:hover{background:var(--orange-light,#f07040);box-shadow:0 6px 0 var(--orange-dark,#c44208)} /* Legacy btn-book alias */ .btn-book{background:var(--orange,#d63a06);color:#fff;box-shadow:0 4px 0 var(--orange-dark,#c44208);font-family:var(--font-head);font-weight:900;font-style:italic;letter-spacing:.05em;text-transform:uppercase;font-size:1.05rem;border-radius:6px;padding:.6rem 1.8rem;border:none;text-decoration:none;display:inline-flex;align-items:center;cursor:pointer;transition:transform .15s ease,background .15s ease} .btn-book:hover{background:var(--orange-light,#f07040);transform:translateY(-2px)} .btn-ghost{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.5);box-shadow:none} .btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.1)} .site-header{ background:var(--white,#fff); /* A topbar a headeren kívül van (header.php), ezért MAGA a header sticky: a body a containing block (magas), így a header végig a tetején marad, miközben a topbar fölötte szabadon kigörög. A .navbar nem lehet sticky, mert containing blockja a rövid header lenne — az kirántaná görgetéskor. */ position:-webkit-sticky; position:sticky; top:0; z-index:1000; box-shadow:0 2px 10px rgba(15,26,10,.08); } .navbar{ background:var(--white,#fff); border-bottom:3px solid var(--green,#1d5c2e); } .navbar-inner{display:flex;align-items:center;justify-content:space-between;min-height:84px;gap:1.5rem} /* duplicate navbar/btn removed */ .brand{display:flex;align-items:center;flex:none;position:relative;z-index:100;cursor:pointer;text-decoration:none} .logo-anim{display:grid;width:204px;height:78px;cursor:pointer} .logo-anim img{grid-area:1/1;width:100%;height:100%;display:block;pointer-events:none;user-select:none;-webkit-user-drag:none} .logo-head{transform-origin:9.4% 31.6%;animation:dino-nod 9s ease-in-out infinite} @keyframes dino-nod{ 0%,84%,100%{transform:rotate(0deg)} 88%{transform:rotate(-4deg)} 92%{transform:rotate(1.5deg)} 96%{transform:rotate(-2deg)} } @media (max-width:920px){.logo-anim{width:142px;height:54px}} @media (prefers-reduced-motion:reduce){.logo-head{animation:none}} .nav-links{ display:flex;list-style:none;gap:.1rem;align-items:center; } .nav-links li{position:relative} .nav-links a{ font-family:var(--nav-desktop-font-family,var(--font-head));font-weight:var(--nav-desktop-font-weight,400);font-style:var(--nav-desktop-font-style,italic); font-size:1rem;letter-spacing:.04em;text-transform:uppercase; color:var(--ink,#0f1a0a);padding:.4rem .85rem;border-radius:6px; transition:background .15s,color .15s;text-decoration:none; } .nav-links a:hover{background:var(--green-pale,#e8f4ec);color:var(--green,#1d5c2e)} .nav-toggle{ display:none;flex-direction:column;gap:5px; background:none;border:none;cursor:pointer;padding:.4rem; } .nav-toggle span{ display:block;width:26px;height:2.5px; background:var(--ink,#0f1a0a);border-radius:2px;transition:.25s; } /* ── Submenus (dropdown) ── */ .nav-links .menu-item-has-children > a{display:inline-flex;align-items:center;gap:.4rem} .nav-links .menu-item-has-children > a::before{content:"";width:7px;height:7px;flex:none;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);margin-top:-3px;transition:transform .2s ease} .nav-links .menu-item-has-children:hover > a::before, .nav-links .menu-item-has-children:focus-within > a::before, .nav-links .menu-item-has-children.submenu-open > a::before{transform:rotate(-135deg);margin-top:3px} .nav-links .sub-menu{list-style:none;margin:0} .nav-links .sub-menu a::after{display:none} @media (min-width:921px){ .nav-links .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:230px;background:var(--white);box-shadow:var(--shadow);border-top:3px solid var(--green,#1d5c2e);border-radius:0 0 10px 10px;padding:.5rem 0;z-index:60} .nav-links li:hover > .sub-menu, .nav-links li:focus-within > .sub-menu{display:block} .nav-links .sub-menu li{width:100%} .nav-links .sub-menu a{display:block;padding:.65rem 1.3rem;font-size:16px;letter-spacing:.04em;color:var(--ink);white-space:nowrap} .nav-links .sub-menu a:hover{background:var(--green-pale,#e8f4ec);color:var(--green,#1d5c2e)} /* 3rd level: fly out to the right */ .nav-links .sub-menu .sub-menu{top:-0.5rem;left:100%;border-radius:10px;border-top:3px solid var(--green,#1d5c2e)} } @media (max-width:920px){ .navbar-inner{min-height:74px} .nav-links a{font-size:17px} .nav-toggle{display:block} .nav-links{position:absolute;left:0;right:0;top:100%;background:var(--white);flex-direction:column;gap:0;padding:.5rem 0 1rem;border-bottom:3px solid var(--green,#1d5c2e);transform:scaleY(0);transform-origin:top;transition:transform .2s ease;visibility:hidden;max-height:80vh;overflow-y:auto} .nav-links.open{transform:scaleY(1);visibility:visible} .nav-links li{width:100%;text-align:center} .nav-links a{display:block;padding:.7rem 0} .nav-links .menu-item-has-children > a{justify-content:center} /* Submenu becomes a static accordion inside the mobile panel */ .nav-links .sub-menu{position:static;display:none;background:rgba(26,10,14,.04);padding:0} .nav-links .menu-item-has-children.submenu-open > .sub-menu{display:block} .nav-links .sub-menu a{padding:.6rem 0;font-size:15px} .nav-links .sub-menu .sub-menu a{padding-left:1rem} .menu-cart{display:flex;justify-content:flex-start} .menu-cart a.cart-link{padding:.7rem 0;justify-content:flex-start} .topbar-inner{justify-content:center;flex-wrap:nowrap;gap:.5rem;min-height:26px;padding:.2rem 0} .topbar-phone{display:flex;align-items:center} .phone-icon svg{width:13px;height:13px;display:block} .btn-book{min-width:auto;font-size:1.15rem;padding:.25rem 1rem} .topbar a.phone .phone-text{ display:inline-block; max-width:0; overflow:hidden; white-space:nowrap; opacity:0; transition:max-width .4s ease, opacity .3s ease, margin-left .4s ease; margin-left:0; vertical-align:middle; } .topbar a.phone.revealed .phone-text{ max-width:200px; opacity:1; margin-left:.35rem; } .topbar .icon{width:20px;height:20px} } /* ===== HERO ===== */ .hero{background:var(--ink)} .video-wrap{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,var(--green-dark,#123d1e),var(--ink,#0f1a0a))} .video-wrap video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1} /* ===== STATS ===== */ .stats{background:linear-gradient(150deg,#241317 0%,var(--ink) 60%,#120608 100%);color:var(--white);padding:3.8rem 0;position:relative;overflow:hidden} .stats::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 0%,rgba(242,169,0,.08),transparent 55%);pointer-events:none} .stats::after{content:"";position:absolute;right:-30px;top:-20px;width:340px;height:340px;background:var(--claw) no-repeat center/contain;opacity:.55;transform:rotate(8deg);pointer-events:none} .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;text-align:center;min-height:120px;align-items:center} .stat{display:flex;flex-direction:column;align-items:center;justify-content:center} .stat .num{font-family:var(--font-display);font-weight:900;font-style:italic;font-size:clamp(2.6rem,5.5vw,4rem);line-height:1;display:block;font-variant-numeric:tabular-nums;color:var(--yellow);text-shadow:0 4px 18px rgba(242,169,0,.25);min-height:1em;contain:layout} .stat .label{font-family:var(--font-head);font-weight:700;font-style:italic;text-transform:uppercase;letter-spacing:.12em;font-size:1.15rem;opacity:.9;margin-top:.5rem;display:block} @media (max-width:760px){.stats-grid{grid-template-columns:repeat(2,1fr)}} /* ===== SECTION HEADINGS ===== */ .section{padding:4.5rem 0;position:relative} .footprints{display:flex;justify-content:center;gap:1.6rem;margin-top:1.4rem} .footprints span{width:30px;height:30px;background:var(--footprint) no-repeat center/contain;opacity:0;transform:translateY(8px) rotate(var(--r,0deg));animation:steps .5s ease forwards} .footprints span:nth-child(odd){--r:-14deg} .footprints span:nth-child(even){--r:14deg;margin-top:10px} .footprints span:nth-child(1){animation-delay:.1s}.footprints span:nth-child(2){animation-delay:.35s}.footprints span:nth-child(3){animation-delay:.6s}.footprints span:nth-child(4){animation-delay:.85s}.footprints span:nth-child(5){animation-delay:1.1s} @keyframes steps{to{opacity:.85;transform:translateY(0) rotate(var(--r,0deg))}} .section-title{font-family:var(--font-head);font-weight:900;font-style:italic;font-size:clamp(1.9rem,4vw,2.8rem);letter-spacing:.03em;color:var(--ink);text-align:center;line-height:1.08} .section-title::after{content:"";display:block;width:72px;height:4px;background:var(--yellow);margin:.7rem auto 0;border-radius:2px;transform:skewX(-20deg)} .section-sub{text-align:center;max-width:600px;margin:.9rem auto 0;color:#5b4a4f;font-size:1.1rem} /* ===== ABOUT ===== */ .about{background:var(--white);position:relative;overflow:hidden} .about::before{content:"";position:absolute;left:-60px;bottom:-40px;width:280px;height:280px;background:var(--claw-tan) no-repeat center/contain;transform:rotate(-12deg) scaleX(-1);opacity:.35;pointer-events:none} .about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:3.5rem;align-items:center;margin-top:0} .about-text h2{text-align:left} .about-text h2::after{margin-left:0} .about-text p{margin-top:1.2rem;color:#4c3b40;font-size:1.08rem} .about-text .btn{margin-top:1.8rem} .about-media{position:relative} .about-media img{width:100%;border-radius:var(--radius)!important;box-shadow:var(--shadow);aspect-ratio:4/3;object-fit:cover} .about-media::before{content:"";position:absolute;inset:-14px -14px auto auto;width:60%;height:60%;border:3px solid var(--yellow);border-radius:var(--radius);transform:translate(14px,-14px);z-index:-1} @media (max-width:860px){.about-grid{grid-template-columns:1fr;gap:2rem}.about-media{order:-1}} /* ===== PACKAGES / DINO CARDS ===== */ .packages{background:var(--white);padding:4.5rem 0} .packages .section-title{text-align:center} .packages .section-title::after{margin-left:auto;margin-right:auto} .pkg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:2.8rem;width:100%} .pkg-card{position:relative;overflow:hidden;aspect-ratio:3/4;cursor:pointer} .pkg-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.25,.46,.45,.94)} .pkg-card:hover img{transform:scale(1.08)} .pkg-card .overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(26,10,14,.78) 0%,rgba(26,10,14,.18) 48%,transparent 100%);transition:background .3s ease} .pkg-card:hover .overlay{background:linear-gradient(to top,rgba(26,10,14,.88) 0%,rgba(26,10,14,.3) 55%,transparent 100%)} .pkg-card .info{position:absolute;bottom:0;left:0;right:0;padding:1.4rem 1.3rem 1.5rem} .pkg-card .title{font-family:var(--font-head);font-weight:900;font-style:italic;font-size:1.45rem;color:var(--white);line-height:1.1;text-shadow:0 2px 8px rgba(0,0,0,.5);display:block;transform:translateY(4px);transition:transform .3s ease} .pkg-card:hover .title{transform:translateY(-2px)} .pkg-card .badge{display:inline-block;background:var(--yellow);color:var(--ink);font-family:var(--font-head);font-weight:800;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;padding:.22rem .75rem;border-radius:4px;margin-top:.55rem;box-shadow:0 2px 6px rgba(0,0,0,.35)} .pkg-card .desc{font-size:.93rem;color:rgba(255,255,255,.82);margin-top:.5rem;line-height:1.4;max-height:0;overflow:hidden;transition:max-height .35s ease,opacity .35s ease;opacity:0} .pkg-card:hover .desc{max-height:4em;opacity:1} @media (max-width:900px){.pkg-grid{grid-template-columns:repeat(2,1fr)}} @media (max-width:500px){.pkg-grid{grid-template-columns:1fr}} /* ===== FAQ ===== */ .faq-list{margin:2.5rem auto 0;display:grid;gap:1rem;grid-template-columns:1fr 1fr;align-items:start} @media (max-width:860px){.faq-list{grid-template-columns:1fr}} .faq-item{background:var(--white);border:1px solid #e8ddd2;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden} .faq-q{width:100%;background:none;border:0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.4rem;font-family:var(--font-head);font-weight:700;font-size:1.3rem;text-align:left;color:var(--ink)} .faq-q .chev{flex:none;width:26px;height:26px;border-radius:50%;background:var(--green-pale,#e8f4ec);display:grid;place-items:center;transition:transform .25s ease,background .25s ease} .faq-q .chev::before{content:"";border:solid var(--ink);border-width:0 2px 2px 0;padding:3.5px;transform:rotate(45deg) translate(-1px,-1px)} .faq-item[open] .faq-q .chev,.faq-q[aria-expanded="true"] .chev{transform:rotate(180deg);background:var(--yellow)} .faq-q[aria-expanded="true"] .chev::before{border-color:var(--white)} .faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease} .faq-a>p{overflow:hidden;padding:0 1.4rem;margin:0} .faq-a.open{grid-template-rows:1fr} .faq-a.open>p{padding-bottom:1.2rem} .faq-a p{color:#4c3b40} /* ===== REVIEWS ===== */ .reviews{background:var(--white);position:relative;overflow:hidden} .reviews::after{content:"";position:absolute;right:-50px;top:-30px;width:260px;height:260px;background:var(--claw-tan) no-repeat center/contain;transform:rotate(14deg);opacity:.4;pointer-events:none} .review:hover{transform:translateY(-6px) rotate(-.6deg);box-shadow:0 16px 36px rgba(26,10,14,.16)} .review:nth-child(even):hover{transform:translateY(-6px) rotate(.6deg)} .reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2.5rem} .review{background:var(--white);border-radius:var(--radius);padding:1.6rem;box-shadow:var(--shadow);opacity:0;transform:translateY(24px);transition:opacity .5s ease,transform .5s ease} .review.in{opacity:1;transform:none} .review{transition:opacity .5s ease,transform .35s ease,box-shadow .35s ease} .stars{color:var(--yellow);font-size:1.15rem;letter-spacing:.15em;margin-bottom:.7rem} .review p{color:#4c3b40;font-size:1.02rem} .review .who{margin-top:1rem;font-family:var(--font-head);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink);font-size:1.05rem} .reviews-cta{text-align:center;margin-top:2.4rem} .btn-outline{background:var(--yellow);color:var(--ink);padding:.75rem 2.2rem;border-radius:8px;font-size:1.1rem;box-shadow:0 3px 0 var(--yellow-dark)} .btn-outline:hover{transform:translateY(-1px);background:#ffb91a} /* ===== PARTNERS ===== */ .partners-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2.5rem 3.5rem;margin-top:2.5rem} .partner{font-family:var(--font-head);font-weight:700;font-size:1.45rem;letter-spacing:.06em;text-transform:uppercase;color:#504840;display:flex;align-items:center;gap:.6rem;filter:none;opacity:.85;transition:.2s} .partner:hover{opacity:1;color:var(--ink);filter:none} .partner:hover svg{animation:wiggle .45s ease} @keyframes wiggle{25%{transform:rotate(-10deg)}60%{transform:rotate(8deg)}100%{transform:rotate(0)}} .partner svg{width:34px;height:34px} /* ===== FOOTER ===== */ .site-footer{background:var(--green-dark,#123d1e);color:var(--white);padding:4rem 0 2.5rem} .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:2.5rem} .footer-grid h3{font-family:var(--font-head);font-weight:800;font-style:italic;text-transform:uppercase;letter-spacing:.1em;font-size:1.1rem;margin-bottom:1rem;color:var(--cream)} .footer-grid ul{list-style:none;display:grid;gap:.55rem} .footer-grid a{color:#ffffff;text-decoration:none;font-size:1.05rem} .footer-grid a:hover{color:var(--white);text-decoration:underline} .footer-about img{width:230px;margin-bottom:1rem} .footer-about p{color:#ffffff;font-size:1.02rem;max-width:320px} .footer-social{display:flex;gap:.7rem;margin-top:1.2rem} .social-link{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.12);color:#ffffff;transition:background .18s ease,transform .18s ease} .social-link svg{width:21px;height:21px} .social-link:hover{background:var(--yellow);color:var(--ink);transform:translateY(-2px)} .footer-contact{list-style:none;display:grid;gap:.7rem;padding:0;margin:0} .footer-contact li{display:flex;align-items:center;gap:.6rem;color:#ffffff;font-size:1.05rem} .footer-contact .icon{width:16px;height:16px;flex:none;opacity:1} .footer-contact-col .btn-book{margin-top:1.8rem;display:block;color:var(--ink)!important} .footer-bottom{border-top:1px solid rgba(255,255,255,.18);margin-top:3rem;padding-top:1.4rem;text-align:center;font-size:1rem;color:#ffffff} @media (max-width:920px){.footer-grid{grid-template-columns:1fr 1fr}} @media (max-width:560px){.footer-grid{grid-template-columns:1fr}} /* ===== PLAYFUL: parallax claw marks ===== */ /* (A korábbi itteni ".raptor-peek" blokk egy második, elavult raptor-rendszer volt, amit a JS "raptor.webp" relatív útvonalról töltött volna be — ez a legtöbb aloldalon 404-et adott, a kép sosem jelent meg. Törölve; az egyetlen aktív raptor-kukucskálás a .de-raptor-peek, lásd lejjebb a fájlban.) */ /* parallax claw marks — CSS scroll-driven, zero JS reflow */ @supports (animation-timeline: scroll()) { .about::before{ animation: parallax-up 1s linear both; animation-timeline: view(); animation-range: entry 0% exit 100%; } .reviews::after{ animation: parallax-down 1s linear both; animation-timeline: view(); animation-range: entry 0% exit 100%; } .stats::after{ animation: parallax-slow 1s linear both; animation-timeline: view(); animation-range: entry 0% exit 100%; } } @keyframes parallax-up{from{transform:rotate(-12deg) scaleX(-1) translateY(-30px)}to{transform:rotate(-12deg) scaleX(-1) translateY(30px)}} @keyframes parallax-down{from{transform:rotate(14deg) translateY(-40px)}to{transform:rotate(14deg) translateY(40px)}} @keyframes parallax-slow{from{transform:rotate(8deg) translateY(-20px)}to{transform:rotate(8deg) translateY(20px)}} /* Fallback: static position */ .about::before{transform:rotate(-12deg) scaleX(-1)} .reviews::after{transform:rotate(14deg)} .stats::after{transform:rotate(8deg)} /* back-to-top — see unified block below */ @media (prefers-reduced-motion:reduce){ *,*::before,*::after{animation:none!important;transition:none!important} html{scroll-behavior:auto} } /* ===== CREDENTIALS / TRUST BADGES ===== */ .credentials{background:var(--green-pale,#e8f4ec);padding:3.6rem 0;position:relative;overflow:hidden} .credentials .section-sub{margin-bottom:2.4rem} .cred-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;max-width:1000px;margin:0 auto} .cred{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem 1.4rem;display:flex;align-items:center;gap:1rem;border-left:5px solid var(--yellow)} .cred-ico{flex:none;width:54px;height:54px;border-radius:50%;background:var(--green,#1d5c2e);color:var(--cream);display:grid;place-items:center} .cred-ico svg{width:28px;height:28px} .cred h3{font-family:var(--font-head);font-weight:800;font-style:italic;letter-spacing:.03em;font-size:1.22rem;color:var(--ink);line-height:1.05} .cred p{font-size:.92rem;color:#5b4a4f;margin-top:.25rem;line-height:1.35} @media (max-width:820px){.cred-grid{grid-template-columns:1fr;max-width:480px}} /* ===== GALLERY ===== */ .gallery{background:var(--white);padding:4.5rem 0;position:relative;overflow:hidden} .gallery-carousel{position:relative;margin-top:2.8rem} .gallery-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:4px clamp(16px,4vw,48px);scrollbar-width:none} .gallery-track::-webkit-scrollbar{display:none} .gallery-item{position:relative;overflow:hidden;aspect-ratio:3/4;cursor:pointer;display:block;background:var(--ink);flex:0 0 auto;width:clamp(220px,24vw,290px);scroll-snap-align:start;border-radius:10px} .gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background:var(--green,#1d5c2e);color:var(--cream);border:0;cursor:pointer;display:grid;place-items:center;z-index:3;box-shadow:0 4px 16px rgba(26,10,14,.32);transition:background .15s ease,opacity .15s ease} .gallery-nav:hover{background:var(--green-light,#2a7a3e)} .gallery-nav:disabled{opacity:.3;cursor:default} .gallery-nav svg{width:24px;height:24px} .gallery-prev{left:10px} .gallery-next{right:10px} @media (max-width:768px){.gallery-nav{display:none}} .gallery-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.25,.46,.45,.94)} .gallery-item:hover img,.gallery-item:focus-visible img{transform:scale(1.08)} .gallery-item::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(26,10,14,.55),transparent 45%);opacity:0;transition:opacity .3s ease} .gallery-item:hover::after,.gallery-item:focus-visible::after{opacity:1} .gallery-item .zoom{position:absolute;right:.7rem;bottom:.7rem;width:38px;height:38px;border-radius:50%;background:var(--yellow);color:var(--ink);display:grid;place-items:center;opacity:0;transform:translateY(6px) scale(.92);transition:opacity .3s ease,transform .3s ease;z-index:2} .gallery-item:hover .zoom,.gallery-item:focus-visible .zoom{opacity:1;transform:none} .gallery-item .zoom svg{width:18px;height:18px} .gallery-item:focus-visible{outline:3px solid var(--yellow);outline-offset:-3px} .gallery-cta{text-align:center;margin-top:2.6rem} @media (max-width:600px){.gallery-item{width:78vw;max-width:320px}} /* ===== LIGHTBOX ===== */ .lightbox{position:fixed;inset:0;z-index:2000;display:none;align-items:center;justify-content:center;background:rgba(12,5,7,.93);padding:clamp(1rem,4vw,3rem)} .lightbox.open{display:flex} .lightbox-fig{margin:0;max-width:min(1100px,92vw);display:flex;flex-direction:column;align-items:center} .lightbox-img{max-width:100%;max-height:80vh;width:auto;height:auto;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.55);background:var(--ink)} .lightbox-cap{color:var(--cream);font-family:var(--font-head);font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:1rem;margin-top:1rem;text-align:center} .lb-btn{position:absolute;background:rgba(255,255,255,.12);border:0;color:#fff;width:52px;height:52px;border-radius:50%;cursor:pointer;display:grid;place-items:center;transition:background .15s ease,transform .15s ease} .lb-btn:hover{background:var(--yellow);color:var(--ink)} .lb-btn svg{width:26px;height:26px} .lb-close{top:18px;right:18px} .lb-prev{left:18px;top:50%;transform:translateY(-50%)} .lb-next{right:18px;top:50%;transform:translateY(-50%)} .lb-prev:hover,.lb-next:hover{transform:translateY(-50%) scale(1.06)} .lb-count{position:absolute;top:24px;left:24px;color:var(--cream);font-family:var(--font-head);font-weight:700;letter-spacing:.1em;font-size:1rem} @media (max-width:600px){.lb-prev{left:6px}.lb-next{right:6px}.lb-btn{width:44px;height:44px}.lb-btn svg{width:22px;height:22px}} /* ===== GOOGLE REVIEWS ===== */ .google-summary{display:flex;align-items:center;justify-content:center;gap:.7rem;flex-wrap:wrap;margin:1.6rem auto 0;background:var(--white);border-radius:999px;padding:.6rem 1.4rem;width:max-content;max-width:100%;box-shadow:var(--shadow)} .g-logo{flex:none} .google-summary .g-stars{color:var(--yellow);letter-spacing:.12em;font-size:1.1rem} .google-summary .g-text{font-family:var(--font-head);font-weight:700;color:var(--ink);font-size:1.02rem;letter-spacing:.02em} .btn-google{display:inline-flex;align-items:center;gap:.65rem;background:var(--white);color:var(--ink);padding:.7rem 1.7rem;border-radius:8px;box-shadow:0 3px 0 #cdbfa8;font-family:var(--font-head);font-weight:800;font-style:italic;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;font-size:1.05rem;transition:transform .15s ease,box-shadow .15s ease} .btn-google:hover{transform:translateY(-1px);box-shadow:0 4px 0 #cdbfa8} .btn-google:active{transform:translateY(1px);box-shadow:0 1px 0 #cdbfa8} /* ===== QUIZ TEASER (WP shortcode mount) ===== */ .quiz-cta{background:linear-gradient(135deg,var(--green,#1d5c2e) 0%,var(--green-dark,#123d1e) 100%);color:var(--cream);padding:4.2rem 0;position:relative;overflow:hidden} .quiz-cta::after{content:"";position:absolute;left:-40px;bottom:-50px;width:260px;height:260px;background:var(--claw) no-repeat center/contain;opacity:.5;transform:rotate(-10deg) scaleX(-1);pointer-events:none} .quiz-inner{position:relative;z-index:1;text-align:center;max-width:680px;margin:0 auto} .quiz-eyebrow{font-family:var(--font-head);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--yellow);font-size:1rem} .quiz-inner h2{font-family:var(--font-head);font-weight:900;font-style:italic;font-size:clamp(1.9rem,4.4vw,2.9rem);line-height:1.05;margin-top:.5rem;color:#fff} .quiz-inner h2::after{content:"";display:block;width:72px;height:4px;background:var(--yellow);margin:.7rem auto 0;border-radius:2px;transform:skewX(-20deg)} .quiz-inner p{margin-top:1.1rem;font-size:1.12rem;color:rgba(255,255,255,.85)} .quiz-inner .btn{margin-top:1.8rem} .dino-quiz-mount:not(:empty){margin-top:2rem} /* ===== ENQUIRY FORM ===== */ .enquiry{background:var(--green,#1d5c2e);padding:4.5rem 0;position:relative;overflow:hidden} .enquiry::after{content:"";position:absolute;right:-55px;top:-45px;width:240px;height:240px;background:var(--claw) no-repeat center/contain;opacity:.16;transform:rotate(18deg);pointer-events:none} .enquiry-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:2.6rem;align-items:start;position:relative;z-index:1} .enquiry-intro h2{font-family:var(--font-head);font-weight:900;font-style:italic;font-size:clamp(1.9rem,4vw,2.7rem);line-height:1.05;color:var(--ink)} .enquiry-intro h2::after{content:"";display:block;width:64px;height:4px;background:var(--yellow);margin-top:.6rem;border-radius:2px;transform:skewX(-20deg)} .enquiry-intro .eq-lead{margin-top:1rem;font-size:1.1rem;color:#5b4a4f;line-height:1.5} .eq-points{list-style:none;margin:1.4rem 0 0;padding:0;display:flex;flex-direction:column;gap:.7rem} .eq-points li{display:flex;align-items:center;gap:.65rem;font-size:1rem;color:var(--ink)} .eq-points svg{width:22px;height:22px;color:var(--orange-light,#f07040);flex:none} .enquiry-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:2rem 1.8rem} .eq-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem} .eq-row .eq-field{margin-bottom:0;min-width:0} .eq-field{margin-bottom:1rem;display:flex;flex-direction:column} .eq-field label{font-family:var(--font-head);font-weight:700;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ink);margin-bottom:.35rem} .eq-field label .req{color:var(--orange,#d63a06)} .eq-field input,.eq-field select,.eq-field textarea{font-family:var(--font-body);font-size:1rem;padding:.7rem .85rem;border:2px solid #ddd3c4;border-radius:8px;background:#fff;color:var(--ink);width:100%;min-height:3rem} .eq-field input::placeholder,.eq-field textarea::placeholder{color:#9b9088} .eq-field input:focus,.eq-field select:focus,.eq-field textarea:focus{outline:none;border-color:var(--green,#1d5c2e);box-shadow:0 0 0 3px rgba(29,92,46,.15)} .eq-field textarea{resize:vertical;min-height:92px} .eq-field input[type="date"]{-webkit-appearance:none;appearance:none;position:relative;min-width:0;padding-right:2.6rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23651a2e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center;background-size:18px 18px} .eq-field input[type="date"]::-webkit-calendar-picker-indicator{position:absolute;top:0;right:0;width:2.8rem;height:100%;margin:0;padding:0;opacity:0;cursor:pointer} .eq-field input[type="date"]::-webkit-date-and-time-value{text-align:left} .eq-field input[type="date"]::-webkit-datetime-edit{padding:0} .enquiry-card .btn-book{width:100%;margin-top:.3rem;font-size:1.2rem;padding:.65rem 1.5rem} .eq-alt{margin-top:1rem;font-size:.92rem;color:#5b4a4f;text-align:center} .eq-alt a{color:var(--green,#1d5c2e);font-weight:700;text-decoration:none} .eq-alt a:hover{text-decoration:underline} @media (max-width:820px){.enquiry-grid{grid-template-columns:1fr;gap:1.8rem}.eq-row{grid-template-columns:1fr}} /* ── CONTACT FORM 7 — wires into the existing eq-row/eq-field design ── */ /* CF7 wraps each field in its own ; make sure that wrapper stretches to fill the .eq-field flex column instead of shrinking to content width. */ .eq-field .wpcf7-form-control-wrap{display:block;width:100%} .eq-field .wpcf7-form-control-wrap .wpcf7-form-control{width:100%} /* Per-field validation message (appears under the field on submit) */ .wpcf7-not-valid-tip{display:block;margin-top:.35rem;font-size:.82rem;color:var(--orange,#d63a06);font-weight:600} .wpcf7-form-control.wpcf7-not-valid{border-color:var(--orange,#d63a06)!important} /* Submit success/error banner */ .wpcf7-response-output{margin:1rem 0 0;border-radius:8px;padding:.85rem 1.1rem;font-size:.92rem;border:2px solid #ddd3c4;background:var(--green-pale,#e8f4ec);color:var(--ink)} .wpcf7-form.sent .wpcf7-response-output{border-color:#2f7a4d;background:#eaf5ee;color:#1f5135} .wpcf7-form.invalid .wpcf7-response-output, .wpcf7-form.unaccepted .wpcf7-response-output, .wpcf7-form.payment-required .wpcf7-response-output{border-color:var(--green,#1d5c2e);background:#fbecee;color:var(--green-dark,#123d1e)} /* CF7 submit button — styled identically to .btn.btn-book; no class attribute needed in the CF7 form tag, just [submit "Send Enquiry"] */ .enquiry-card .wpcf7-submit, .wpcf7-form .wpcf7-submit{ display:block;width:100%; font-family:var(--font-head)!important;font-weight:800!important;font-style:italic!important; text-transform:uppercase!important;letter-spacing:.08em!important;font-size:1.25rem!important; background:var(--yellow)!important;color:var(--ink)!important; border:0!important;border-radius:8px!important; box-shadow:0 4px 0 var(--yellow-dark)!important; padding:.85rem 2rem!important;cursor:pointer!important; transition:background .15s ease,transform .1s ease!important; margin-top:.5rem } .enquiry-card .wpcf7-submit:hover, .wpcf7-form .wpcf7-submit:hover{background:#ffb91a!important;transform:translateY(-1px)!important} .enquiry-card .wpcf7-submit:active, .wpcf7-form .wpcf7-submit:active{transform:translateY(2px)!important;box-shadow:0 2px 0 var(--yellow-dark)!important} /* Loading spinner next to the submit button */ .wpcf7-spinner{margin:0 0 0 .8rem;vertical-align:middle} .eq-form-actions,.enquiry-card form.wpcf7-form{display:block} /* ── BACK TO TOP ── */ .back-to-top{position:fixed;right:1.2rem;bottom:1.4rem;z-index:1100;width:48px;height:48px;border-radius:50%;background:var(--yellow);color:var(--ink);border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(26,10,14,.35);opacity:0;transform:translateY(12px);transition:opacity .3s ease,transform .3s ease;pointer-events:none} .back-to-top svg{width:22px;height:22px} .back-to-top.show{opacity:1;transform:translateY(0);pointer-events:auto} .back-to-top:hover{background:#ffb91a} .back-to-top:active{background:#ffb91a} @media(prefers-reduced-motion:reduce){.back-to-top{transition:none}} /* ── WOOCOMMERCE CART ICON ── */ .menu-cart a{display:flex;align-items:center;gap:.35rem;position:relative;padding:.4rem 0} .cart-count{font-family:var(--font-head);font-weight:800;font-size:.8rem;line-height:1;background:var(--green,#1d5c2e);color:#fff;border-radius:10px;padding:.1rem .4rem;min-width:18px;text-align:center;opacity:0;transition:opacity .2s} .cart-count.has-items{opacity:1} /* Mobil menüben (de-mob-menu) a kosár-link a szöveges menüpontokkal azonos bal-behúzást kapjon — a fenti .menu-cart a{padding:.4rem 0} szabály (desktop-hoz készült) egyforma specificitású mint a .de-mob-menu a szabály, ezért a betöltési sorrendtől függően felülírhatta azt, nullázva a bal paddinget és balra tolva a kosár ikont a szöveghez képest. Ez a szabály (2 class + 2 tag) garantáltan magasabb specificitású mindkettőnél. */ .de-mob-menu li.menu-cart a{ display:flex;align-items:center;gap:.5rem; padding:.55rem 1rem; } /* ═══════════════════════════════════════════════════════════ WOOCOMMERCE — full theming (shop, single product, cart, checkout, my account). All rules target WooCommerce's own stable markup/classes — no template files overridden, so future WC updates can never trigger "outdated template" warnings. ═══════════════════════════════════════════════════════════ */ .woo-main{padding:3rem 0} .woo-breadcrumb,.site-breadcrumb{display:block;font-size:.95rem;color:#5b4a4f;margin-bottom:1.5rem} .woo-breadcrumb a,.site-breadcrumb a{color:var(--green,#1d5c2e);text-decoration:none} .woo-breadcrumb a:hover,.site-breadcrumb a:hover{text-decoration:underline} .site-breadcrumb .crumb-sep{color:#b9a98f;margin:0 .15rem} .site-breadcrumb [aria-current="page"]{color:var(--ink);font-weight:600} /* Buttons (add to cart, checkout, place order, etc.) */ .woocommerce button.button,.woocommerce input.button,.woocommerce a.button, .woocommerce #respond input#submit{font-family:var(--font-head)!important;font-weight:800!important;font-style:italic!important;letter-spacing:.06em!important;text-transform:uppercase!important;background:var(--yellow)!important;color:var(--ink)!important;border-radius:6px!important;box-shadow:0 3px 0 var(--yellow-dark)!important;border:0!important;padding:.6rem 1.6rem!important;cursor:pointer!important;transition:background .15s ease,transform .15s ease!important} .woocommerce button.button:hover,.woocommerce a.button:hover,.woocommerce input.button:hover{background:#ffb91a!important} .woocommerce button.button:disabled,.woocommerce a.button.disabled{opacity:.5!important;cursor:default!important} .woocommerce a.added_to_cart{margin-left:.9rem;font-family:var(--font-head);font-weight:700;color:var(--green,#1d5c2e);text-decoration:underline} /* Page title (Shop / Category archive heading) */ .woocommerce-products-header__title.page-title{font-family:var(--font-head);font-weight:900;font-style:italic;font-size:clamp(1.9rem,4vw,2.8rem);color:var(--ink);text-align:left;line-height:1.08} .woocommerce-products-header__title.page-title::after{content:"";display:block;width:72px;height:4px;background:var(--yellow);margin:.7rem 0 0;border-radius:2px;transform:skewX(-20deg)} /* Result count + ordering bar */ .woocommerce-result-count{color:#5b4a4f;font-size:.95rem;margin-bottom:1rem} .woocommerce-ordering{margin-bottom:1.5rem} .woocommerce-ordering select{border:2px solid #ddd3c4;border-radius:8px;padding:.5rem .8rem;font-family:var(--font-body);font-size:.95rem;background:#fff;color:var(--ink)} /* Notices */ .woocommerce-message,.woocommerce-error,.woocommerce-info{list-style:none;background:#fff;border-radius:8px;box-shadow:var(--shadow);padding:1rem 1.3rem 1rem 1.3rem;margin-bottom:1.5rem;border-left:4px solid var(--green,#1d5c2e);font-size:.97rem;color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap} .woocommerce-message::before,.woocommerce-error::before,.woocommerce-info::before{display:none} .woocommerce-message{border-left-color:#2f7a4d} .woocommerce-info{border-left-color:#2a6f97} /* Star ratings (recolour WC's built-in star-font technique) */ .star-rating{color:#ddd3c4;font-size:1rem} .star-rating span{color:var(--yellow)} /* ── Shop / category / related / upsell / cross-sell product grids ── */ ul.products{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:1.6rem!important;list-style:none!important;margin:2.5rem 0 0!important;padding:0!important} ul.products::before,ul.products::after{content:none!important;display:none!important} ul.products li.product{float:none!important;width:auto!important;margin:0!important;clear:none!important;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;text-align:center;position:relative;transition:transform .25s ease,box-shadow .25s ease} ul.products li.product:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(26,10,14,.16)} ul.products li.product a.woocommerce-LoopProduct-link{color:inherit;text-decoration:none;display:block} ul.products li.product img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block} ul.products li.product .woocommerce-loop-product__title{font-weight:400;font-size:1.15rem;color:var(--ink);line-height:1.15;margin:1.1rem 1.1rem .3rem} ul.products li.product .price{font-family:var(--font-head);font-weight:700;color:var(--green,#1d5c2e);font-size:1.15rem;margin-bottom:1.1rem;display:block} ul.products li.product .price del{color:#9b9088;opacity:.7;font-weight:400;font-size:.95rem;margin-right:.4rem} ul.products li.product .price ins{text-decoration:none} ul.products li.product .star-rating{margin:.3rem auto .2rem} ul.products li.product .button{margin:0 1.1rem 1.3rem;width:calc(100% - 2.2rem)} ul.products li.product .onsale{position:absolute;top:14px;left:14px;background:var(--yellow);color:var(--ink);font-family:var(--font-head);font-weight:800;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;padding:.3rem .8rem;border-radius:4px;box-shadow:0 2px 6px rgba(0,0,0,.25);z-index:2} @media (max-width:980px){ul.products{grid-template-columns:repeat(2,1fr)!important}} @media (max-width:520px){ul.products{grid-template-columns:1fr!important}} .related.products,.upsells.products,.cross-sells{margin-top:4rem} .related.products>h2,.upsells.products>h2,.cross-sells>h2{font-family:var(--font-head);font-weight:900;font-style:italic;text-align:center;font-size:clamp(1.6rem,3.4vw,2.2rem);color:var(--ink);margin-bottom:.4rem} .related.products>h2::after,.upsells.products>h2::after,.cross-sells>h2::after{content:"";display:block;width:60px;height:4px;background:var(--yellow);margin:.6rem auto 0;border-radius:2px;transform:skewX(-20deg)} .cross-sells ul.products{grid-template-columns:repeat(2,1fr)!important} /* ── Single product page ── */ /* 2 oszlopos elrendezés: kép balra, cím+ár+kosár+leírás jobbra (a WooCommerce alapból egymás alá rakja, ez felülírja) */ .woocommerce div.product { display: grid; grid-template-columns: 1fr 1fr; grid-template-areas: "gallery summary" "tabs tabs"; gap: 2.5rem 4rem; align-items: start; } .woocommerce div.product .woocommerce-product-gallery { grid-area: gallery; } .woocommerce div.product .summary { grid-area: summary; } .woocommerce div.product .woocommerce-tabs { grid-area: tabs; } /* Related / upsells teljes szélesség alatt */ .woocommerce div.product .related, .woocommerce div.product .upsells { grid-column: 1 / -1; } @media(max-width:768px){ .woocommerce div.product { grid-template-columns: 1fr; grid-template-areas: "gallery" "summary" "tabs"; gap: 1.5rem; } } .woocommerce-product-gallery{border-radius:var(--radius);overflow:hidden} .woocommerce-product-gallery img{border-radius:var(--radius)} .flex-control-thumbs{display:flex;gap:.6rem;margin-top:.8rem;list-style:none;padding:0} .flex-control-thumbs li{width:72px} .flex-control-thumbs img{border-radius:8px;border:2px solid transparent;cursor:pointer;transition:border-color .15s ease} .flex-control-thumbs img.flex-active{border-color:var(--green,#1d5c2e)} .product_title.entry-title{font-family:var(--font-head);font-weight:900;font-style:italic;font-size:clamp(1.7rem,3.6vw,2.4rem);color:var(--ink);line-height:1.1;margin-bottom:.6rem} .summary .price{font-family:var(--font-head);font-weight:800;font-style:italic;color:var(--green,#1d5c2e);font-size:1.9rem;margin:.5rem 0 1.1rem;display:block} .summary .price del{color:#9b9088;font-weight:400;font-style:normal;opacity:.7;font-size:1.2rem;margin-right:.6rem} .summary .woocommerce-product-details__short-description{color:#4c3b40;font-size:1.05rem;margin-bottom:1.3rem} .summary .stock{font-family:var(--font-head);font-weight:700;text-transform:uppercase;letter-spacing:.03em;font-size:.92rem;margin-bottom:1rem;display:inline-block} .summary .stock.in-stock{color:#2f7a4d} .summary .stock.out-of-stock{color:var(--orange,#d63a06)} .summary form.cart{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin:1.5rem 0} .woocommerce .quantity input.qty{width:72px;min-height:3rem;padding:.7rem;border:2px solid #ddd3c4;border-radius:8px;text-align:center;font-family:var(--font-body);font-size:1.05rem;color:var(--ink);background:#fff} .woocommerce .quantity input.qty:focus{outline:none;border-color:var(--green,#1d5c2e);box-shadow:0 0 0 3px rgba(29,92,46,.15)} .summary .product_meta{margin-top:1.6rem;padding-top:1.2rem;border-top:1px solid #eee2d4;font-size:.92rem;color:#7a6a6e;display:flex;flex-direction:column;gap:.4rem} .summary .product_meta a{color:var(--green,#1d5c2e);text-decoration:underline} .woocommerce-tabs ul.tabs{display:flex;gap:0;list-style:none;padding:0;margin:3.5rem 0 0;border-bottom:2px solid #e8ddd2;flex-wrap:wrap} .woocommerce-tabs ul.tabs li{margin:0} .woocommerce-tabs ul.tabs li a{display:block;padding:.95rem 1.7rem;font-family:var(--font-head);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:1.02rem;color:#7a6a6e;text-decoration:none;border-bottom:3px solid transparent;transition:color .15s ease,border-color .15s ease} .woocommerce-tabs ul.tabs li.active a,.woocommerce-tabs ul.tabs li a:hover{color:var(--green,#1d5c2e);border-color:var(--green,#1d5c2e)} .woocommerce-tabs .panel{padding:2.2rem 0;color:#4c3b40;font-size:1.04rem;line-height:1.65} .woocommerce-tabs .panel h2{font-family:var(--font-head);font-weight:800;font-style:italic;color:var(--ink);margin-bottom:1rem} /* ── Cart page ── */ table.cart,table.shop_table{width:100%;border-collapse:collapse;background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);margin:2rem 0} table.cart th,table.shop_table th{background:var(--green-pale,#e8f4ec);font-family:var(--font-head);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.88rem;color:var(--ink);padding:1rem;text-align:left} table.cart td,table.shop_table td{padding:1rem;border-top:1px solid #eee2d4;vertical-align:middle;font-size:.97rem} table.cart td.product-thumbnail img{width:72px;border-radius:8px} table.cart td.product-name a{color:var(--ink);font-weight:700;text-decoration:none} table.cart td.product-remove a.remove{color:var(--green,#1d5c2e);font-size:1.4rem;text-decoration:none;display:inline-block} table.cart td.actions{text-align:left} table.cart td.actions::after{content:"";display:block;clear:both} table.cart td.actions .coupon{display:inline-flex;gap:.7rem;flex-wrap:wrap;align-items:center;float:left} table.cart td.actions button[name="update_cart"]{float:right} table.cart td.actions .coupon input#coupon_code{padding:.7rem 1rem;min-height:3rem;border:2px solid #ddd3c4;border-radius:8px;font-family:var(--font-body)} .cart_totals{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:2rem;max-width:440px;margin-left:auto;margin-top:2rem} .cart_totals h2{font-family:var(--font-head);font-weight:800;font-style:italic;color:var(--ink);margin-bottom:1rem;font-size:1.4rem} .cart_totals table{width:100%} .cart_totals table th,.cart_totals table td{padding:.7rem 0;border-top:1px solid #eee2d4;text-align:left} .cart_totals .order-total .amount{font-family:var(--font-head);font-weight:800;color:var(--green,#1d5c2e);font-size:1.35rem} .wc-proceed-to-checkout a.checkout-button{width:100%;text-align:center;display:block;font-size:1.25rem;margin-top:.5rem} /* ── Checkout page ── */ /* Coupon notice — match our brand (maroon left border, not blue) */ .woocommerce-form-coupon-toggle .woocommerce-info{border-left-color:var(--green,#1d5c2e);background:var(--white);padding-left:1.3rem} .woocommerce-form-coupon-toggle .woocommerce-info::before{display:none} .woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon{color:var(--green,#1d5c2e);font-weight:700;text-decoration:underline} /* Coupon form */ .checkout_coupon{background:var(--white);border:2px solid #ddd3c4;border-radius:var(--radius);padding:1.4rem 1.6rem;margin-bottom:1.8rem} .checkout_coupon .form-row{margin-bottom:.8rem} .checkout_coupon .form-row-first,.checkout_coupon .form-row-last{display:inline-block;vertical-align:top;width:49%;margin-right:1%} .checkout_coupon .form-row-last{margin-right:0} /* Two-column customer details */ .woocommerce-checkout #customer_details{display:grid;grid-template-columns:1fr 1fr;gap:2.6rem;margin-top:2rem} /* Section headings */ .woocommerce-billing-fields h3,.woocommerce-additional-fields h3,.woocommerce-shipping-fields h3,#order_review_heading{font-family:var(--font-head);font-weight:800;font-style:italic;color:var(--ink);margin-bottom:1.2rem;font-size:1.25rem} /* Field label */ .woocommerce-checkout .form-row label{font-family:var(--font-head);font-weight:700;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ink);margin-bottom:.35rem;display:block} .woocommerce-checkout .form-row label .required{color:var(--green,#1d5c2e)} /* form-row-first / form-row-last side-by-side */ .woocommerce-billing-fields__field-wrapper,.woocommerce-shipping-fields__field-wrapper{display:flex;flex-wrap:wrap;gap:0 1rem} .woocommerce-billing-fields__field-wrapper .form-row,.woocommerce-shipping-fields__field-wrapper .form-row{flex:1 1 100%} .woocommerce-billing-fields__field-wrapper .form-row-first,.woocommerce-shipping-fields__field-wrapper .form-row-first, .woocommerce-billing-fields__field-wrapper .form-row-last,.woocommerce-shipping-fields__field-wrapper .form-row-last{flex:1 1 calc(50% - .5rem)} /* Inputs */ .woocommerce-checkout input.input-text,.woocommerce-checkout select,.woocommerce-checkout textarea{width:100%;padding:.7rem .85rem;border:2px solid #ddd3c4;border-radius:8px;font-family:var(--font-body);font-size:1rem;min-height:3rem;color:var(--ink);background:#fff} .woocommerce-checkout input.input-text:focus,.woocommerce-checkout select:focus,.woocommerce-checkout textarea:focus{outline:none;border-color:var(--green,#1d5c2e);box-shadow:0 0 0 3px rgba(29,92,46,.15)} /* Order review panel */ #order_review{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:2rem;margin-top:2.8rem} table.woocommerce-checkout-review-order-table th,table.woocommerce-checkout-review-order-table td{padding:.7rem 0;border-top:1px solid #eee2d4;text-align:left} table.woocommerce-checkout-review-order-table .order-total .amount{font-family:var(--font-head);font-weight:800;color:var(--green,#1d5c2e);font-size:1.15rem} /* Payment methods */ .wc_payment_methods{list-style:none;padding:0;margin:1.6rem 0} .wc_payment_method{border:2px solid #ddd3c4;border-radius:8px;padding:1rem 1.2rem;margin-bottom:.7rem;transition:border-color .15s} .wc_payment_method:has(input:checked){border-color:var(--green,#1d5c2e);background:rgba(29,92,46,.03)} .wc_payment_method label{font-family:var(--font-head);font-weight:700;color:var(--ink);cursor:pointer;display:flex;align-items:center;gap:.7rem} .wc_payment_method input.input-radio{accent-color:var(--green,#1d5c2e);width:16px;height:16px;flex:none} .payment_box{background:var(--green-pale,#e8f4ec);border-radius:8px;padding:1rem;margin-top:.8rem;font-size:.92rem;color:#4c3b40} /* Place order */ #place_order{width:100%;font-size:1.3rem;padding:.85rem 1.5rem!important} .woocommerce-terms-and-conditions-wrapper{margin:1.1rem 0;font-size:.9rem;color:#5b4a4f} @media (max-width:860px){.woocommerce-checkout #customer_details{grid-template-columns:1fr} .checkout_coupon .form-row-first,.checkout_coupon .form-row-last{width:100%;display:block;margin-right:0}} @media (max-width:860px){.woocommerce-checkout #customer_details{grid-template-columns:1fr}} /* ── My Account ── */ .woocommerce-MyAccount-navigation{width:240px} .woocommerce-MyAccount-navigation ul{list-style:none;padding:0;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden} .woocommerce-MyAccount-navigation li{border-bottom:1px solid #eee2d4} .woocommerce-MyAccount-navigation li:last-child{border-bottom:0} .woocommerce-MyAccount-navigation li a{display:block;padding:.95rem 1.3rem;font-family:var(--font-head);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:.95rem;color:var(--ink);text-decoration:none;transition:background .15s ease,color .15s ease} .woocommerce-MyAccount-navigation li.is-active a,.woocommerce-MyAccount-navigation li a:hover{background:var(--green,#1d5c2e);color:#fff} .woocommerce-MyAccount-content{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:2.2rem} @media (min-width:768px){ .woocommerce-account .woocommerce-MyAccount-navigation{float:left;margin-right:2.2rem} .woocommerce-account .woocommerce-MyAccount-content{overflow:hidden} } .woocommerce-orders-table th{font-family:var(--font-head);text-transform:uppercase;font-size:.85rem;letter-spacing:.03em} .woocommerce-MyAccount-content h2{font-family:var(--font-head);font-weight:800;font-style:italic;color:var(--ink);margin:1.6rem 0 1rem;font-size:1.3rem} .woocommerce-MyAccount-content h2:first-child{margin-top:0} .woocommerce-Address{background:var(--green-pale,#e8f4ec);border-radius:10px;padding:1.4rem;margin-top:1rem} .woocommerce-Address-title h3{font-family:var(--font-head);font-weight:700;font-size:1rem;display:inline-block;margin-right:.8rem} .woocommerce-form-login,.woocommerce-form-register{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:2.2rem;max-width:480px} .woocommerce-form-login label,.woocommerce-form-register label{font-family:var(--font-head);font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink);display:block;margin-bottom:.3rem} .woocommerce-form-login input.input-text,.woocommerce-form-register input.input-text{width:100%;padding:.7rem .85rem;border:2px solid #ddd3c4;border-radius:8px;min-height:3rem;margin-bottom:1rem} .woocommerce-form-login .lost_password,.woocommerce-form-login .woocommerce-form-login__rememberme{font-size:.92rem;color:#5b4a4f} .u-columns.woocommerce-EditAccountForm,.woocommerce-ResetPassword{max-width:480px} /* ── WORDPRESS CONTENT ── */ /* Page/post H1 — sits below the breadcrumb, pulls the actual WP title. Left-aligned (not the centered .section-title treatment), matching the .about-text h2 pattern used elsewhere on the site. */ .page-hero-title,.entry-title{font-family:var(--font-head);font-weight:900;font-style:italic;font-size:clamp(1.9rem,4vw,2.8rem);color:var(--ink);line-height:1.08;margin-bottom:1.6rem} .page-hero-title::after,.entry-title::after{content:"";display:block;width:64px;height:4px;background:var(--yellow);margin-top:.6rem;border-radius:2px;transform:skewX(-20deg)} .entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4{font-family:var(--font-head);font-weight:900;font-style:italic;color:var(--ink);margin-bottom:.6em;margin-top:1.4em;line-height:1.1} .entry-content p{margin-bottom:1rem} .entry-content a{color:var(--green,#1d5c2e);text-decoration:underline} .entry-wrap{padding:3rem 0} .skip-link{position:absolute;top:-100px;left:1rem;z-index:9999;background:var(--green,#1d5c2e);color:#fff;padding:.5rem 1rem;border-radius:4px;text-decoration:none;font-family:var(--font-head);font-weight:700;transition:top .2s} .skip-link:focus{top:1rem} .footer-widget-hint{color:rgba(255,255,255,.5);font-size:.88rem;font-style:italic} /* Author-stylesheet display rules (e.g. .eq-field{display:flex}) override the browser's default [hidden]{display:none} — restore it explicitly so the hidden attribute (used by the conditional package preview, etc.) still works. */ [hidden]{display:none!important} :focus-visible{outline:3px solid var(--yellow);outline-offset:3px} /* ── CONTACT PAGE ── appended for Get In Touch panel + enquiry card layout */ /* ════════════════════════════════════════════════════════════ CONTACT PAGE — new layout (everything below the H1) Built only from existing brand tokens. Drop-in for theme.css. ════════════════════════════════════════════════════════════ */ .contact-layout{ display:grid; grid-template-columns:.92fr 1.18fr; gap:2.2rem; align-items:start; position:relative; } /* ── LEFT: maroon "Get In Touch" panel ── */ .contact-info{ background:var(--green,#1d5c2e); color:var(--cream); border-radius:var(--radius); box-shadow:var(--shadow); padding:2.5rem 2.2rem; position:relative; overflow:hidden; } .contact-info::after{ /* claw motif, same trick as .enquiry::after */ content:"";position:absolute;right:-46px;top:-40px; width:210px;height:210px; background:var(--claw-tan) no-repeat center/contain; opacity:.5;transform:rotate(16deg);pointer-events:none; } .contact-info > *{position:relative;z-index:1} .contact-info h2{ font-family:var(--font-head);font-weight:900;font-style:italic; line-height:1.05; font-size:clamp(1.8rem,3.4vw,2.4rem);color:var(--cream); } .contact-info h2::after{ content:"";display:block;width:64px;height:4px;background:var(--yellow); margin-top:.6rem;border-radius:2px;transform:skewX(-20deg); } .contact-info .ci-lead{ margin-top:1rem;font-size:1.05rem;line-height:1.5; color:rgba(230,221,206,.82); } /* detail rows */ .ci-details{list-style:none;margin:1.8rem 0 0;padding:0;display:flex;flex-direction:column;gap:1.15rem} .ci-detail{display:flex;align-items:flex-start;gap:1rem} .ci-ico{ flex:none;width:50px;height:50px;border-radius:50%; background:rgba(230,221,206,.12);color:var(--cream); display:grid;place-items:center; border:1px solid rgba(230,221,206,.22); } .ci-ico svg{width:22px;height:22px} .ci-text{display:flex;flex-direction:column;gap:.15rem;padding-top:.2rem;min-width:0} .ci-label{ font-family:var(--font-head);font-weight:700;font-size:.78rem; letter-spacing:.12em;text-transform:uppercase;color:var(--yellow); } .ci-value,.ci-value a{ font-size:1.08rem;color:var(--cream);text-decoration:none; word-break:break-word;line-height:1.35; } .ci-value a:hover{text-decoration:underline} /* divider + social */ /* scoped under .contact-info so spacing wins over Elementor's generic hr/p rules */ .contact-info .ci-divider{border:0;border-top:1px solid rgba(230,221,206,.2);margin:2rem 0 0} .contact-info .ci-follow-label{ font-family:var(--font-head);font-weight:700;font-size:.78rem; letter-spacing:.12em;text-transform:uppercase;color:rgba(230,221,206,.7); margin:1.4rem 0 .9rem; /* gap owned by the label, not the hr */ } .contact-info .ci-social{display:flex;gap:.7rem} .contact-info .ci-social a{ display:grid;place-items:center;width:44px;height:44px;border-radius:50%; background:rgba(230,221,206,.12);color:var(--cream); transition:background .18s ease,color .18s ease,transform .18s ease; } .contact-info .ci-social a svg{width:22px;height:22px} .contact-info .ci-social a:hover{background:var(--yellow);color:var(--green,#1d5c2e);transform:translateY(-2px)} /* ── RIGHT: white form card ── */ .contact-form-card{display:flex;flex-direction:column} .cfc-head{ font-family:var(--font-head);font-weight:900;font-style:italic; line-height:1.05; font-size:clamp(1.5rem,3vw,2rem);color:var(--ink); } .cfc-head::after{ content:"";display:block;width:54px;height:4px;background:var(--yellow); margin-top:.5rem;border-radius:2px;transform:skewX(-20deg); } .cfc-lead{margin:.85rem 0 1.6rem;color:#5b4a4f;font-size:1.02rem;line-height:1.5} /* responsive: stack, info panel on top */ @media (max-width:860px){ .contact-layout{grid-template-columns:1fr;gap:1.5rem} .contact-info{padding:2rem 1.6rem} } /* ── ABOUT PAGE ── appended for intro+video / team grid / testimonial */ /* ════════════════════════════════════════════════════════════ ABOUT PAGE — intro+video, team grid, testimonial Built from existing brand tokens. Drop-in for theme.css. ════════════════════════════════════════════════════════════ */ /* ── 1. INTRO + VIDEO ── */ .about-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:3rem;align-items:center;margin-top:.5rem} .about-hero-text .eyebrow{font-family:var(--font-head);font-weight:700;text-transform:uppercase;letter-spacing:.18em;font-size:.85rem;color:var(--green,#1d5c2e)} .about-hero-text h2{font-family:var(--font-head);font-weight:900;font-style:italic;line-height:1.04;font-size:clamp(1.9rem,4vw,2.7rem);color:var(--ink);margin-top:.5rem} .about-hero-text h2::after{content:"";display:block;width:64px;height:4px;background:var(--yellow);margin-top:.6rem;border-radius:2px;transform:skewX(-20deg)} .about-hero-text p{margin-top:1.2rem;color:#4c3b40;font-size:1.1rem;line-height:1.6} .about-video{position:relative} .about-video .vid-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:linear-gradient(135deg,var(--green-dark,#123d1e),var(--ink,#0f1a0a))} .about-video .vid-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block} .about-video::before{content:"";position:absolute;inset:-14px -14px auto auto;width:55%;height:55%;border:3px solid var(--yellow);border-radius:var(--radius);transform:translate(14px,-14px);z-index:-1} @media (max-width:860px){.about-hero{grid-template-columns:1fr;gap:1.8rem}.about-video{order:-1}} /* ── 2. MEET THE TEAM ── */ .about-team{background:var(--green-pale,#e8f4ec);border-radius:var(--radius);padding:3rem 2rem;margin-top:3.4rem;position:relative;overflow:hidden} .about-team::after{content:"";position:absolute;right:-50px;top:-30px;width:240px;height:240px;background:var(--claw-tan) no-repeat center/contain;transform:rotate(14deg);opacity:.4;pointer-events:none} .about-team .section-title,.about-team .section-sub{position:relative;z-index:1} /* Team — alternating media rows, full uncropped photo */ .team-list{display:flex;flex-direction:column;gap:2.6rem;margin-top:2.4rem;position:relative;z-index:1} .team-row{display:flex;gap:2.4rem;align-items:center} .team-row:nth-child(even){flex-direction:row-reverse} .team-figure{margin:0;flex:0 0 38%;max-width:400px;align-self:center;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:linear-gradient(135deg,var(--green-dark,#123d1e),var(--ink,#0f1a0a))} .team-photo{width:100%;height:auto;display:block} .team-body{flex:1;min-width:0} .team-name{font-family:var(--font-head);font-weight:900;font-style:italic;font-size:1.9rem;line-height:1;color:var(--ink)} .team-role{font-family:var(--font-head);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:.85rem;color:var(--green,#1d5c2e);margin-top:.45rem} .team-bio{margin-top:1rem;color:#4c3b40;font-size:1.02rem;line-height:1.58} .team-bio p{margin-bottom:.7rem} .team-bio p:last-child{margin-bottom:0} .team-fav{margin-top:1.2rem} .team-fav .chip{display:inline-flex;align-items:center;gap:.5rem;background:var(--green,#1d5c2e);color:var(--cream);font-family:var(--font-head);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;padding:.45rem .9rem;border-radius:999px} .team-fav .chip svg{width:16px;height:16px;flex:none} @media (max-width:760px){.team-row,.team-row:nth-child(even){flex-direction:column;gap:1.1rem}.team-figure{flex:none;width:100%;max-width:100%}.about-team{padding:2.2rem 1.3rem}} /* ── 3. TESTIMONIAL ── */ .about-quote{background:linear-gradient(135deg,var(--green,#1d5c2e) 0%,var(--green-dark,#123d1e) 100%);color:var(--cream);border-radius:var(--radius);padding:3.4rem 2rem;margin-top:3.4rem;position:relative;overflow:hidden;text-align:center} .about-quote::after{content:"";position:absolute;left:-40px;bottom:-50px;width:240px;height:240px;background:var(--claw) no-repeat center/contain;opacity:.5;transform:rotate(-10deg) scaleX(-1);pointer-events:none} .about-quote .qmark{font-family:var(--font-head);font-weight:900;font-style:italic;font-size:4rem;line-height:.5;color:var(--yellow);display:block} .about-quote blockquote{max-width:760px;margin:.3rem auto 0;font-size:clamp(1.15rem,2.2vw,1.45rem);line-height:1.5;position:relative;z-index:1} .about-quote .qwho{margin-top:1.4rem;font-family:var(--font-head);font-weight:700;font-style:italic;text-transform:uppercase;letter-spacing:.1em;color:var(--yellow);font-size:1rem;position:relative;z-index:1} /* About video — frame a native Elementor Video widget placed in a column with class "about-video" */ .about-video .elementor-widget-video .elementor-widget-container > *{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)} .about-video .elementor-widget-video iframe,.about-video .elementor-video-iframe{border-radius:var(--radius);display:block;border:0} /* ── Subpage Elementor alignment ── make Elementor page content line up with the theme container (H1 / breadcrumb); strips Elementor's extra horizontal inset. Scoped to .entry-wrap so the homepage (front-page.php, no .entry-wrap) is unaffected. */ .entry-wrap .elementor-section.elementor-section-boxed > .elementor-container{max-width:100%} .entry-wrap .e-con,.entry-wrap .e-con-inner{max-width:100%} .entry-wrap .elementor-section,.entry-wrap .e-con-inner{padding-left:0;padding-right:0} .entry-wrap .e-con > .e-con-inner{padding-left:0;padding-right:0} .entry-wrap .elementor-column-gap-default > .elementor-column > .elementor-element-populated{padding:0} /* ── Prop Hire page ── */ .prop-intro{margin-bottom:2.8rem} .prop-intro p{font-size:1.08rem;color:#4c3b40;line-height:1.6;max-width:780px} .prop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem} .prop-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;transition:transform .22s ease,box-shadow .22s ease} .prop-card:hover{transform:translateY(-5px);box-shadow:0 16px 36px rgba(26,10,14,.14)} .prop-card__img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:linear-gradient(135deg,var(--green-dark,#123d1e),var(--ink,#0f1a0a))} .prop-card__body{padding:1.4rem 1.5rem 1.5rem;display:flex;flex-direction:column;flex:1;gap:.6rem} .prop-card__id{font-family:var(--font-head);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;color:var(--green,#1d5c2e)} .prop-card__name{font-family:var(--font-head);font-weight:900;font-style:italic;font-size:1.25rem;line-height:1.1;color:var(--ink);margin:0} .prop-card__desc{font-size:.97rem;color:#4c3b40;line-height:1.55;flex:1} .prop-card__desc ul{padding-left:1.2rem;margin:.4rem 0 0;display:grid;gap:.2rem} .prop-card__size{font-size:.85rem;color:#7a6a6e;margin-top:.3rem} .prop-card__price{background:var(--green-pale,#e8f4ec);border-radius:6px;padding:.65rem .9rem;margin-top:.4rem} .prop-card__price p{margin:0;font-size:.88rem;color:var(--ink);line-height:1.55} .prop-card__price strong{color:var(--green,#1d5c2e)} .prop-card__cta{margin-top:.9rem} .prop-card__cta a{display:inline-block;font-family:var(--font-head);font-weight:800;font-style:italic;text-transform:uppercase;letter-spacing:.06em;font-size:1.05rem;line-height:1.3;background:var(--yellow);color:var(--ink);padding:.5rem 1.4rem;border-radius:6px;box-shadow:0 3px 0 var(--yellow-dark);text-decoration:none;transition:background .15s,transform .15s} .prop-card__cta a:hover{background:#ffb91a;transform:translateY(-1px)} .prop-card__cta a:active{transform:translateY(1px);box-shadow:0 1px 0 var(--yellow-dark)} .prop-cta-band{background:var(--green,#1d5c2e);border-radius:var(--radius);padding:2.4rem 2.6rem;margin-top:3rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap} .prop-cta-band h2{font-family:var(--font-head);font-weight:900;font-style:italic;font-size:1.7rem;color:var(--cream);margin:0;line-height:1.1} .prop-cta-band p{color:rgba(230,221,206,.8);margin:.4rem 0 0;font-size:1rem} @media(max-width:900px){.prop-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:560px){.prop-grid{grid-template-columns:1fr}.prop-cta-band{flex-direction:column;text-align:center}} /* ── Shop page: WooCommerce pagination ── */ .woocommerce-pagination{margin:3rem 0 1rem;display:flex;justify-content:center} .woocommerce-pagination ul.page-numbers{display:flex;gap:.4rem;list-style:none;padding:0;margin:0;flex-wrap:wrap;justify-content:center;align-items:center} .woocommerce-pagination ul.page-numbers li{margin:0} .woocommerce-pagination ul.page-numbers a.page-numbers, .woocommerce-pagination ul.page-numbers span.page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:2.6rem;height:2.6rem;padding:0 .7rem;border-radius:6px;font-family:var(--font-head);font-weight:700;font-size:1rem;text-decoration:none;transition:background .15s,color .15s,transform .15s} .woocommerce-pagination ul.page-numbers a.page-numbers{background:var(--white);color:var(--ink);border:2px solid #ddd3c4;box-shadow:0 2px 4px rgba(26,10,14,.06)} .woocommerce-pagination ul.page-numbers a.page-numbers:hover{background:var(--green,#1d5c2e);color:var(--cream);border-color:var(--green,#1d5c2e);transform:translateY(-2px);box-shadow:0 4px 10px rgba(29,92,46,.25)} .woocommerce-pagination ul.page-numbers span.page-numbers.current{background:var(--green,#1d5c2e);color:var(--cream);border:2px solid var(--green,#1d5c2e);box-shadow:0 4px 10px rgba(29,92,46,.3)} .woocommerce-pagination ul.page-numbers a.page-numbers.prev, .woocommerce-pagination ul.page-numbers a.page-numbers.next{background:var(--yellow);color:var(--ink);border:2px solid var(--yellow);font-style:italic;letter-spacing:.03em;box-shadow:0 3px 0 var(--yellow-dark)} .woocommerce-pagination ul.page-numbers a.page-numbers.prev:hover, .woocommerce-pagination ul.page-numbers a.page-numbers.next:hover{background:#ffb91a;border-color:#ffb91a;transform:translateY(-2px);box-shadow:0 4px 8px rgba(242,169,0,.35)} .woocommerce-pagination ul.page-numbers span.page-numbers.dots{color:#9a8a8e;border:2px solid transparent;background:transparent} /* ── Shop page: Free shipping notice banner (via Elementor HTML widget) ── */ .free-shipping-banner{display:flex;align-items:center;justify-content:center;gap:1rem;background:var(--green,#1d5c2e);color:var(--cream);border-radius:var(--radius);padding:1rem 1.8rem;margin-bottom:2rem;margin-top:10px;position:relative;overflow:hidden} .free-shipping-banner::before{content:"";position:absolute;right:-40px;top:-20px;width:160px;height:160px;background:var(--claw-tan) no-repeat center/contain;opacity:.12;transform:rotate(12deg);pointer-events:none} .free-shipping-banner__icon{flex:none;width:2.4rem;height:2.4rem;background:var(--yellow);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.2)} .free-shipping-banner__icon svg{width:1.1rem;height:1.1rem;color:var(--ink)} .free-shipping-banner__text{font-family:var(--font-head);font-weight:800;font-style:italic;text-transform:uppercase;font-size:1.15rem;letter-spacing:.04em;line-height:1.2} .free-shipping-banner__text strong{color:var(--yellow)} .free-shipping-banner__badge{background:var(--yellow);color:var(--ink);font-family:var(--font-head);font-weight:900;font-style:italic;text-transform:uppercase;font-size:.88rem;letter-spacing:.06em;padding:.25rem .8rem;border-radius:999px;white-space:nowrap;box-shadow:0 2px 0 var(--yellow-dark)} /* ── Elementor image widget — rounded corners everywhere ── */ .elementor-widget-image img, .elementor-widget-image .elementor-image img, .elementor-widget-image figure img, .elementor-image-box-img img, .e-con img.wp-image-type-image, .elementor-widget-image-carousel img{border-radius:var(--radius)!important;overflow:hidden} /* ── Logo link — guaranteed clickable regardless of Elementor overlays ── */ .brand,.brand *{cursor:pointer!important} .navbar-inner .brand{position:relative;z-index:200!important} /* ── Private Packages page ── */ .pkgpage-intro{margin-bottom:2.6rem} .pkgpage-intro p{font-size:1.05rem;color:#4c3b40;line-height:1.62;max-width:820px} .pkgpage-intro p+p{margin-top:.9rem} .pkgpage-corp-link{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-head);font-weight:800;font-style:italic;text-transform:uppercase;letter-spacing:.05em;font-size:1rem;color:var(--green,#1d5c2e);text-decoration:none;margin-bottom:1.6rem;border-bottom:2px solid var(--yellow);padding-bottom:.15rem;white-space:nowrap} .pkgpage-corp-link:hover{color:var(--ink)} /* Pricing cards */ .pkg-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2.4rem} .pkg-pricing-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;position:relative;transition:transform .22s ease,box-shadow .22s ease} .pkg-pricing-card:hover{transform:translateY(-6px);box-shadow:0 20px 48px rgba(26,10,14,.16)} /* Badge */ .pkg-pricing-card__badge{background:var(--yellow);color:var(--ink);font-family:var(--font-head);font-weight:900;font-style:italic;text-transform:uppercase;font-size:.75rem;letter-spacing:.08em;padding:.28rem .75rem;border-radius:999px;box-shadow:0 2px 0 var(--yellow-dark);display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap;flex:none} .pkg-pricing-card__badge--upgraded{box-shadow:0 2px 0 var(--yellow-dark),0 4px 12px rgba(242,169,0,.3)} .pkg-pricing-card__tier-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.35rem} /* Header */ .pkg-pricing-card__head{background:var(--green,#1d5c2e);padding:1.8rem 1.8rem 1.5rem;position:relative;overflow:hidden} .pkg-pricing-card__head::after{content:"";position:absolute;right:-30px;top:-20px;width:130px;height:130px;background:var(--claw) no-repeat center/contain;opacity:.18;transform:rotate(10deg);pointer-events:none} .pkg-pricing-card.featured .pkg-pricing-card__head{background:linear-gradient(135deg,var(--green,#1d5c2e),var(--green-dark,#123d1e))} .pkg-pricing-card__tier{font-family:var(--font-head);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;color:var(--yellow);margin-bottom:.4rem} .pkg-pricing-card__name{font-family:var(--font-head);font-weight:900;font-style:italic;font-size:1.85rem;line-height:1;color:var(--cream)} .pkg-pricing-card__tagline{font-size:.95rem;color:rgba(230,221,206,.75);margin-top:.4rem;font-style:italic} .pkg-pricing-card__price{margin-top:1.1rem;display:flex;align-items:baseline;gap:.4rem} .pkg-pricing-card__amount{font-family:var(--font-head);font-weight:900;font-style:italic;font-size:2.6rem;color:var(--yellow);line-height:1} .pkg-pricing-card__gst{font-size:.85rem;color:rgba(230,221,206,.65)} .pkg-pricing-card__meta{display:flex;gap:1.2rem;margin-top:.9rem;flex-wrap:wrap} .pkg-pricing-card__meta span{font-family:var(--font-head);font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;color:rgba(230,221,206,.85);display:flex;align-items:center;gap:.35rem} .pkg-pricing-card__meta svg{width:14px;height:14px;flex:none} /* Body */ .pkg-pricing-card__body{padding:1.6rem 1.8rem 2rem;flex:1;display:flex;flex-direction:column} .pkg-pricing-card__features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.65rem;flex:1} .pkg-pricing-card__features li{display:flex;align-items:flex-start;gap:.7rem;font-size:.97rem;color:#4c3b40;line-height:1.45} .pkg-pricing-card__features li::before{content:"";flex:none;margin-top:.35rem;width:16px;height:16px;border-radius:50%;background:var(--green,#1d5c2e);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23e6ddce' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8l3.5 3.5L13 4.5'/%3E%3C/svg%3E");background-size:contain} .pkg-pricing-card__features li strong{color:var(--ink)} .pkg-pricing-card__note{margin-top:1.2rem;padding:.8rem 1rem;background:var(--green-pale,#e8f4ec);border-radius:8px;font-size:.85rem;color:#5b4a4f;font-style:italic;line-height:1.45} .pkg-pricing-card__cta{margin-top:1.4rem;display:flex;gap:.8rem;align-items:center;flex-wrap:wrap} .pkg-pricing-card__cta a.btn-primary{flex:1;min-width:0;text-align:center;display:block;font-family:var(--font-head);font-weight:800;font-style:italic;text-transform:uppercase;letter-spacing:.06em;font-size:1.1rem;line-height:1.2;background:var(--yellow);color:var(--ink);padding:.65rem 1rem;border-radius:6px;box-shadow:0 3px 0 var(--yellow-dark);text-decoration:none;transition:background .15s,transform .15s} .pkg-pricing-card__cta a.btn-primary:hover{background:#ffb91a;transform:translateY(-1px)} .pkg-pricing-card__cta a.btn-secondary{flex:none;display:inline-flex;align-items:center;gap:.3rem;white-space:nowrap;font-family:var(--font-head);font-weight:700;font-style:italic;text-transform:uppercase;letter-spacing:.04em;font-size:.88rem;line-height:1.2;color:var(--green,#1d5c2e);text-decoration:none;padding:.65rem .8rem;border:2px solid var(--green,#1d5c2e);border-radius:6px;transition:background .15s,color .15s} .pkg-pricing-card__cta a.btn-secondary svg{width:13px;height:13px;flex:none} .pkg-pricing-card__cta a.btn-secondary:hover{background:var(--green,#1d5c2e);color:var(--cream)} .pkg-pricing-card__cta a.btn-secondary:hover{background:var(--green,#1d5c2e);color:var(--cream)} /* Bottom CTA band */ .pkgpage-cta-band{background:var(--green,#1d5c2e);border-radius:var(--radius);padding:2.4rem 2.6rem;margin-top:3rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;position:relative;overflow:hidden} .pkgpage-cta-band::after{content:"";position:absolute;right:-40px;top:-30px;width:200px;height:200px;background:var(--claw) no-repeat center/contain;opacity:.15;transform:rotate(8deg);pointer-events:none} .pkgpage-cta-band>*{position:relative;z-index:1} .pkgpage-cta-band h2{font-family:var(--font-head);font-weight:900;font-style:italic;font-size:1.7rem;color:var(--cream);margin:0;line-height:1.1} .pkgpage-cta-band p{color:rgba(230,221,206,.8);margin:.4rem 0 0;font-size:1rem} @media(max-width:960px){.pkg-pricing-grid{grid-template-columns:1fr}} @media(max-width:560px){.pkgpage-cta-band{flex-direction:column;text-align:center}} /* ── Gallery page — masonry grid + lightbox ── */ .de-gallery{ columns:4 240px; column-gap:10px; margin-top:1.8rem; } .gallery-item{ display:block; break-inside:avoid; margin-bottom:10px; border-radius:10px; overflow:hidden; position:relative; cursor:zoom-in; background:var(--ink); } .gallery-item img{ width:100%; height:auto; display:block; transition:transform .4s ease,opacity .3s ease; } .gallery-item:hover img{transform:scale(1.05);opacity:.88} .gallery-item__zoom{ position:absolute;inset:0; display:flex;align-items:center;justify-content:center; background:rgba(26,10,14,.45); color:#fff; opacity:0; transition:opacity .25s ease; } .gallery-item:hover .gallery-item__zoom{opacity:1} @media(max-width:900px){.de-gallery{columns:3 200px}} @media(max-width:600px){.de-gallery{columns:2 160px;column-gap:6px}.gallery-item{margin-bottom:6px}} /* Lightbox */ .de-lightbox{ position:fixed;inset:0;z-index:9000; background:rgba(10,4,6,.96); display:none;align-items:center;justify-content:center; padding:1rem; } .de-lightbox.open{display:flex} .de-lb-img-wrap{ position:relative; max-width:min(1100px,92vw); max-height:88vh; display:flex;align-items:center;justify-content:center; } .de-lb-img-wrap img{ max-width:100%;max-height:88vh; border-radius:8px; box-shadow:0 20px 60px rgba(0,0,0,.6); transition:opacity .2s ease; object-fit:contain; } .de-lb-loader{ position:absolute; width:40px;height:40px; border:3px solid rgba(255,255,255,.2); border-top-color:var(--yellow); border-radius:50%; animation:lb-spin .7s linear infinite; } @keyframes lb-spin{to{transform:rotate(360deg)}} .de-lb-close,.de-lb-prev,.de-lb-next{ position:absolute; background:rgba(255,255,255,.1); border:0;color:#fff;border-radius:50%; width:50px;height:50px; display:flex;align-items:center;justify-content:center; cursor:pointer; transition:background .15s ease,transform .15s ease; z-index:1; } .de-lb-close:hover,.de-lb-prev:hover,.de-lb-next:hover{ background:var(--yellow);color:var(--ink); } .de-lb-close{top:16px;right:16px} .de-lb-prev{left:12px;top:50%;transform:translateY(-50%)} .de-lb-next{right:12px;top:50%;transform:translateY(-50%)} .de-lb-prev:hover,.de-lb-next:hover{transform:translateY(-50%) scale(1.05)} .de-lb-count{ position:absolute;bottom:18px;left:50%;transform:translateX(-50%); color:rgba(255,255,255,.7); font-family:var(--font-head);font-weight:700;font-size:1rem; letter-spacing:.08em; } @media(max-width:600px){ .de-lb-prev{left:4px}.de-lb-next{right:4px} .de-lb-close{top:8px;right:8px} } /* ── Home Hero Video Section ── */ .home-hero{position:relative;width:100%;min-height:100vh;min-height:100svh;display:flex;align-items:center;overflow:hidden;background:var(--ink)} .home-hero__video-wrap{position:absolute;inset:0;z-index:0} .home-hero__video{width:100%;height:100%;object-fit:cover;display:block} .home-hero__overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(26,10,14,.72) 0%,rgba(29,92,46,.45) 60%,rgba(26,10,14,.3) 100%)} .home-hero__content{position:relative;z-index:2;max-width:760px;padding:8rem 2rem 5rem;color:#fff} .home-hero__eyebrow{font-family:var(--font-head);font-weight:700;text-transform:uppercase;letter-spacing:.2em;font-size:.82rem;color:var(--yellow);margin-bottom:1rem} .home-hero__title{font-family:var(--font-head);font-weight:900;font-style:italic;font-size:clamp(3rem,7vw,6rem);line-height:1;color:#fff;margin-bottom:1.2rem;text-shadow:0 2px 20px rgba(0,0,0,.4)} .home-hero__sub{font-size:clamp(1rem,1.8vw,1.2rem);color:rgba(255,255,255,.88);max-width:520px;line-height:1.6;margin-bottom:2.2rem} .home-hero__ctas{display:flex;gap:1rem;flex-wrap:wrap;align-items:center} .btn-secondary-white{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-head);font-weight:700;font-style:italic;text-transform:uppercase;font-size:.88rem;letter-spacing:.1em;color:#fff;border:2px solid rgba(255,255,255,.6);padding:.65rem 1.4rem;border-radius:4px;text-decoration:none;transition:border-color .2s,background .2s} .btn-secondary-white:hover{border-color:#fff;background:rgba(255,255,255,.12)} @media(max-width:768px){ .home-hero__content{padding:7rem 1.2rem 4rem} .home-hero__ctas{flex-direction:column;align-items:flex-start} } /* ── DEW Hero: remove Elementor wrapper padding/frame ── */ .elementor-widget-dew-hero-video .elementor-widget-container, .elementor-widget-dew-hero-video { padding: 0 !important; margin: 0 !important; line-height: 0; } .elementor-widget-dew-hero-video .dew-hero { display: flex !important; flex-direction: column; min-height: 80vh; } .elementor-section:has(.dew-hero), .e-con:has(.dew-hero) { padding: 0 !important; margin: 0 !important; } /* ── Natív Elementor Heading widget: h1-h6 tag → nem uppercase Az eyebrow/label típusú fejlécek (span tag-ként beállítva Elementorban, pl. "About Us") viszont uppercase-ek maradnak — ezek szándékosan kis feliratként jelennek meg, a section-label mintájára. */ .elementor-heading-title { text-transform: none !important; } span.elementor-heading-title { text-transform: uppercase !important; } /* ── About section overrides — match minta ── */ .dew-about-section .about-grid, .elementor-section.about-section .about-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 4rem; align-items: start; } /* The about section widget section heading style */ .about-section-label { font-family: var(--font-head); font-weight: 700; font-style: italic; font-size: .85rem; letter-spacing: .14em; text-transform: uppercase; color: var(--orange, #d63a06); display: block; margin-bottom: .5rem; } .about-section-title { font-family: var(--font-head); font-weight: 900; font-style: italic; font-size: clamp(2rem, 3.5vw, 2.8rem); color: var(--ink, #0f1a0a); line-height: 1; margin-bottom: .6rem; } .about-section-title::after { content: ''; display: block; width: 56px; height: 4px; background: var(--orange, #d63a06); margin-top: .6rem; border-radius: 2px; } .about-check-list { list-style: none; margin: 1.4rem 0; display: flex; flex-direction: column; gap: .55rem; } .about-check-list li { display: flex; align-items: flex-start; gap: .65rem; font-weight: 600; font-size: .95rem; color: var(--ink, #0f1a0a); } .about-check-list li::before { content: ''; width: 20px; height: 20px; flex-shrink: 0; margin-top: .18rem; background: var(--green, #1d5c2e) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E") center/12px no-repeat; border-radius: 50%; } /* ── Navbar: Book Now button + nav alignment ── */ .navbar-inner { min-height: 84px !important; } .navbar-inner .btn-primary, .navbar-inner .btn-book { background: var(--orange, #d63a06) !important; color: #fff !important; box-shadow: 0 4px 0 var(--orange-dark, #c44208) !important; font-family: var(--font-head) !important; font-weight: 900 !important; font-style: italic !important; font-size: 1.05rem !important; padding: .6rem 1.8rem !important; border-radius: 6px !important; text-transform: uppercase !important; letter-spacing: .05em !important; border: none !important; text-decoration: none !important; display: inline-flex !important; align-items: center !important; cursor: pointer !important; white-space: nowrap !important; transition: transform .15s, background .15s !important; flex-shrink: 0; } .navbar-inner .btn-primary:hover, .navbar-inner .btn-book:hover { background: var(--orange-light, #f07040) !important; transform: translateY(-2px) !important; } /* ── Elementor 10px padding fix for all dino-encounters widgets ── */ [data-widget_type^="dew-"] .elementor-widget-container { padding: 0 !important; margin: 0 !important; } [data-widget_type^="dew-"] .elementor-widget-container > * { font-size: revert; line-height: revert; } /* ── Prevent horizontal scroll caused by full-width sections ── */ /* IMPORTANT: use overflow-x:clip here, NOT hidden. `hidden` turns into a scroll container, which has two side effects: (a) it breaks position:sticky descendants — .navbar stops sticking; (b) it re-anchors / clips position:fixed children like the raptor peek. `clip` prevents the horizontal scroll in exactly the same way but creates NO scroll container, so sticky keeps working and the viewport-fixed raptor stays anchored to the viewport. Never put overflow on either — that also breaks fixed children (especially on mobile Safari). */ html { overflow-x: clip !important; max-width: 100% !important; } .site-main, .elementor, .elementor-section-wrap { overflow-x: clip; max-width: 100% !important; } /* Ensure hero fills column without overflow */ .dew-hero.hero { width: 100% !important; max-width: 100% !important; margin: 0 !important; box-sizing: border-box !important; } /* ── Topbar phone: no underline ── */ .topbar-phone, .topbar a.topbar-phone, .topbar .topbar-phone:hover { text-decoration: none !important; } /* ── FOOTER MOBILE: középre igazított, vékony elválasztó vonalakkal ── */ @media(max-width:860px){ .site-footer{padding:3rem 0 0} .footer-grid{ grid-template-columns:1fr; gap:0; text-align:center; } /* Logo + about: középre, kisebb logó */ .footer-about{ padding:2.5rem 1.5rem 2rem; border-bottom:1px solid rgba(255,255,255,.08); } .footer-about img{ width:170px!important; height:auto!important; max-width:170px!important; margin:0 auto 1rem!important; display:block; } .footer-about p{ font-size:.85rem; max-width:320px; margin-inline:auto; } /* Social ikonok középre, nagyobbak */ .footer-social{ justify-content:center; gap:.8rem; margin-top:1.4rem; } .social-link{ width:44px;height:44px;border-radius:50%; } /* Nav widget oszlopok: középre, vízszintes elválasztóval */ .footer-col{ padding:1.8rem 1.5rem; border-bottom:1px solid rgba(255,255,255,.08); } .footer-grid h3, .footer-col h3{ margin-bottom:1rem; text-align:center; } .footer-grid ul, .footer-col ul{ justify-content:center; text-align:center; } .footer-col .menu{ list-style:none; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; gap:.4rem 1.5rem; padding:0; margin:0; } .footer-col .menu a{font-size:.9rem} /* Contact: középre, ikonok soronként */ .footer-contact-col{ padding:1.8rem 1.5rem 2rem; border-bottom:1px solid rgba(255,255,255,.08); } .footer-contact-col h3{text-align:center;margin-bottom:1rem} .footer-contact{ align-items:center; gap:.8rem; } .footer-contact li{ justify-content:center; font-size:.9rem; } .footer-contact-col .btn-book{ display:flex;justify-content:center; width:fit-content;margin-inline:auto; margin-top:1.4rem; } /* Copyright */ .footer-bottom{ padding:1.2rem 1rem; font-size:.75rem; border-top:1px solid rgba(255,255,255,.08); margin-top:0; } } /* ════ Raptor peek — JS-vezérelt, jobb alsó sarok, bekukucskál majd visszahúzódik (egyszer) ════ Architektúra: a SZÜLŐ (.de-raptor-peek) KIZÁRÓLAG a be/kicsúszás transformját kezeli; a "hintázó" idle-animáció a GYEREK (img) elemen fut. Ez azért fontos, mert korábban mindkét mozgás (slide + idle) ugyanazon a szülő-transformon osztozott, class-váltásokkal választva szét őket (is-visible / is-idling / is-retreating) — ez kényszerített reflow-t (`void raptor.offsetWidth`) igényelt, ami hibalehetőség volt. Amióta a két mozgás külön elemen fut, a JS oldalon elég egyetlen osztályt (is-visible) hozzáadni/eltávolítani: nincs "is-retreating" osztály sem, mert a visszahúzódás pontosan megegyezik az alap (osztály nélküli) állapottal — az eltávolítás magától, a CSS-kaszkád alapján animál vissza, a már úgyis definiált transition segítségével. */ .de-raptor-peek{ position:fixed; bottom:0; right:-10px; z-index:150; width:170px;height:208px; pointer-events:none; opacity:0; /* NINCS visibility:hidden — iOS Safariban a position:fixed elemen a visibility:hidden→visible váltás megakaszthatja a transform-átmenetet. Az opacity:0 + pointer-events:none (+ aria-hidden a HTML-ben) elég a rejtéshez, és nem érinti a transitiont. */ /* 115% = a raptor magasságánál is több, ráhagyással a rotate(4deg) döntésre — rejtett állapotban teljesen a viewport alá csúszik, nem takarja a .back-to-top gombot. */ transform:translateY(115%) translateX(12px) rotate(4deg); transition:transform .8s cubic-bezier(.32,1.2,.4,1), opacity .3s ease; } .de-raptor-peek.is-visible{ opacity:1; transform:translateY(0) translateX(0) rotate(0deg); } .de-raptor-peek .raptor-img{ display:block;width:100%;height:100%; object-fit:contain;object-position:bottom right; filter:drop-shadow(-5px -3px 12px rgba(15,26,10,.4)); transform:translateY(0) rotate(0deg); /* saját, a szülőtől független transform-réteg */ } .de-raptor-peek.is-idling .raptor-img{ animation:raptor-idle 4.5s ease-in-out infinite; } @keyframes raptor-idle{ 0%,86%,100%{transform:translateY(0) rotate(0deg)} 90%{transform:translateY(-4px) rotate(-2deg)} 94%{transform:translateY(1px) rotate(1.5deg)} } @media(max-width:860px){ .de-raptor-peek{width:96px;height:118px;right:-6px} } @media(prefers-reduced-motion:reduce){ .de-raptor-peek{transition:opacity .3s ease} .de-raptor-peek.is-idling .raptor-img{animation:none} } /* ── Contact Form 7: hide hidden-fields-container (CF7 5.6+ + conditional fields plugin) ── */ fieldset.hidden-fields-container { display: none; } /* ══════════════════════════════════════════════════════════════════════ Package Detail List (.dew-pdl-*) 3 oszlopos kártya-grid: zöld fejléc + fehér feature-lista body Minta: fountainbridge.hu/dinowp/corporate-entertainment-packages/ ══════════════════════════════════════════════════════════════════════ */ .dew-pdl { width: 100%; } /* ── Bevezető link (VIEW PRIVATE PACKAGES →) ── */ .dew-pdl-toplink { margin-bottom: 1.4rem; padding-bottom: .8rem; border-bottom: 2px solid var(--yellow, #f2a900); display: inline-block; } .dew-pdl-otherlink { font-family: var(--font-head, 'Barlow Condensed', sans-serif); font-weight: 800; font-style: italic; font-size: .92rem; letter-spacing: .08em; text-transform: uppercase; color: var(--green, #1d5c2e); text-decoration: none; } .dew-pdl-otherlink:hover { color: var(--green-dark, #123d1e); } /* ── Bevezető szöveg ── */ .dew-pdl-intro { margin-bottom: 2rem; font-size: 1rem; line-height: 1.75; color: var(--ink, #1a0a0e); } .dew-pdl-intro p { margin-bottom: .9rem; } .dew-pdl-intro p:last-child { margin-bottom: 0; } /* ── Kártya grid — azonos magasságú sorok ── */ .dew-pdl-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.4rem; align-items: stretch; /* minden kártya egyforma magas */ margin-bottom: 2rem; } /* ── Egy kártya ── */ .dew-pdl-card { display: flex; flex-direction: column; /* fejléc + body vertikálisan */ border-radius: 16px; overflow: hidden; box-shadow: 0 6px 28px rgba(26,10,14,.13); background: #fff; } /* Zöld fejléc */ .dew-pdl-card-head { background: var(--green, #1d5c2e); padding: 1.5rem 1.4rem 1.3rem; display: flex; flex-direction: column; gap: 0; } /* Badge — narancssárga, uppercase */ .dew-pdl-badge { font-family: var(--font-head, 'Barlow Condensed', sans-serif); font-weight: 700; font-style: italic; font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; color: var(--orange, #d63a06); margin-bottom: .35rem; display: block; } /* Cím — fehér, bold italic */ .dew-pdl-title { font-family: var(--font-head, 'Barlow Condensed', sans-serif); font-weight: 900; font-style: italic; font-size: clamp(1.25rem, 2vw, 1.6rem); color: #fff; margin: 0 0 .15rem; line-height: 1.05; } /* Tagline — sárga, italic */ .dew-pdl-tagline { font-size: .88rem; font-style: italic; color: var(--yellow, #f2a900); margin: 0 0 .85rem; line-height: 1.3; } /* Ár — nagy, sárga */ .dew-pdl-price-row { display: flex; align-items: baseline; gap: .35rem; margin-bottom: .6rem; } .dew-pdl-price { font-family: var(--font-head, 'Barlow Condensed', sans-serif); font-weight: 900; font-style: italic; font-size: 2.2rem; color: var(--yellow, #f2a900); line-height: 1; } .dew-pdl-gst { font-size: .75rem; color: rgba(255,255,255,.72); font-style: italic; } /* Meta (óra + személy ikonok) */ .dew-pdl-meta { display: flex; gap: .9rem; flex-wrap: wrap; } .dew-pdl-meta-item { display: flex; align-items: center; gap: .3rem; font-family: var(--font-head, 'Barlow Condensed', sans-serif); font-weight: 700; font-style: italic; font-size: .78rem; letter-spacing: .05em; text-transform: uppercase; color: rgba(255,255,255,.82); } .dew-pdl-meta-item svg { opacity: .7; flex-shrink: 0; } /* ── Fehér body — flex:1 hogy kitöltse a maradék helyet ── */ .dew-pdl-card-body { flex: 1; /* ez teszi egyforma magasságúvá a kártyákat */ padding: 1.3rem 1.3rem 1.2rem; display: flex; flex-direction: column; background: #fff; } /* Feature lista */ .dew-pdl-features { list-style: none; padding: 0; margin: 0 0 1rem; display: flex; flex-direction: column; gap: .45rem; flex: 1; /* feature lista kitölti a rendelkezésre álló helyet */ } .dew-pdl-features li { display: flex; align-items: flex-start; gap: .45rem; font-size: .86rem; line-height: 1.45; color: var(--ink, #1a0a0e); } .dew-pdl-features li svg { flex-shrink: 0; margin-top: .12em; color: var(--green, #1d5c2e); } /* Helyszín megjegyzés */ .dew-pdl-location { font-size: .78rem; color: var(--muted, #5b4a4f); font-style: italic; background: var(--green-pale, #e8f4ec); padding: .55rem .8rem; border-radius: 8px; margin-bottom: 1rem; line-height: 1.5; } /* Gombok — alul ragadnak */ .dew-pdl-btns { display: flex; gap: .6rem; flex-wrap: wrap; margin-top: auto; } /* Sárga Book Now */ .dew-pdl-btn-book { display: inline-flex; align-items: center; justify-content: center; flex: 1; padding: .6rem 1.2rem; border-radius: 999px; background: var(--yellow, #f2a900); color: var(--green-dark, #123d1e); font-family: var(--font-head, 'Barlow Condensed', sans-serif); font-weight: 900; font-style: italic; font-size: .88rem; letter-spacing: .07em; text-transform: uppercase; text-decoration: none; transition: background .2s; white-space: nowrap; } .dew-pdl-btn-book:hover { background: #e0a000; } /* Zöld outline Add-ons */ .dew-pdl-btn-addon { display: inline-flex; align-items: center; justify-content: center; padding: .6rem 1rem; border-radius: 999px; border: 2px solid var(--green, #1d5c2e); background: transparent; color: var(--green, #1d5c2e); font-family: var(--font-head, 'Barlow Condensed', sans-serif); font-weight: 800; font-style: italic; font-size: .88rem; letter-spacing: .07em; text-transform: uppercase; text-decoration: none; transition: background .2s, color .2s; white-space: nowrap; } .dew-pdl-btn-addon:hover { background: var(--green, #1d5c2e); color: #fff; } /* ── CTA sáv ── */ .dew-pdl-cta { background: var(--green, #1d5c2e); border-radius: 16px; padding: 1.6rem 2rem; display: flex; align-items: center; justify-content: space-between; gap: 2rem; flex-wrap: wrap; margin-top: .5rem; } .dew-pdl-cta-text { flex: 1; min-width: 0; } .dew-pdl-cta-title { font-family: var(--font-head, 'Barlow Condensed', sans-serif); font-weight: 900; font-style: italic; font-size: clamp(1.1rem, 2.2vw, 1.55rem); color: #fff; margin: 0 0 .25rem; line-height: 1.1; } .dew-pdl-cta-text > p { font-size: .88rem; color: rgba(255,255,255,.72); margin: 0; } .dew-pdl-cta-btn { display: inline-flex; align-items: center; padding: .65rem 1.6rem; border-radius: 8px; background: var(--orange, #d63a06); color: #fff; font-family: var(--font-head, 'Barlow Condensed', sans-serif); font-weight: 900; font-style: italic; font-size: .88rem; letter-spacing: .07em; text-transform: uppercase; text-decoration: none; white-space: nowrap; transition: background .2s; flex-shrink: 0; } .dew-pdl-cta-btn:hover { background: #c94200; } /* ── Responsive ── */ @media (max-width: 900px) { .dew-pdl-grid { grid-template-columns: repeat(2, 1fr) !important; } } @media (max-width: 600px) { .dew-pdl-grid { grid-template-columns: 1fr !important; } .dew-pdl-cta { flex-direction: column; align-items: flex-start; } .dew-pdl-price { font-size: 1.8rem; } .dew-pdl-btn-book { flex: none; } } /* ── LCP Element render delay fix ─────────────────────────────────────────── * Mobilon a WP Rocket Delay JS késlelteti a RocketElementorPreload scriptet, * ami az Elementor animációkat kezeli. Az érintett elemek elementor-invisible * osztályt kapnak és visibility:hidden + opacity:0 maradnak amíg a JS le nem * fut (~3s delay mobilon). A hero szekció NEM igényel belépési animációt — * force-visible CSS-ből, a render delay így 0-ra csökken. * Más szekciók animációit nem érinti. */ .elementor-widget-dew-hero-video.elementor-invisible, .elementor-widget-dew-hero-video .elementor-invisible, .elementor-section:has(.dew-hero).elementor-invisible, .e-con:has(.dew-hero).elementor-invisible, .elementor-section:has(.dew-hero) > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget-dew-hero-video { visibility: visible !important; opacity: 1 !important; animation-name: none !important; animation-duration: 0s !important; } /* ── Plus Jakarta Sans — self-hosted variable font ────────────────────────── * Variable font: egyetlen fájl lefedi az összes súlyt (200–800). * Nincs Google Fonts CDN kérés, nincs render-blocking lánc. */ @font-face { font-family: 'Plus Jakarta Sans'; src: url('../fonts/PlusJakartaSans-var.woff2') format('woff2'); font-weight: 200 800; font-style: normal; font-display: swap; } @font-face { font-family: 'Plus Jakarta Sans'; src: url('../fonts/PlusJakartaSans-var-italic.woff2') format('woff2'); font-weight: 200 800; font-style: italic; font-display: swap; }