/* Adria Hajózás – Népszerű úti célok. Dizájn EGY helyen. Font: Ubuntu (téma). */
:root{
  --ahu-dark:#142F39;   /* sötét navy – főcím */
  --ahu-turq:#3DB7CD;   /* türkiz – gomb (mért) */
  --ahu-turq-d:#2ba0b8; /* türkiz sötétebb – hover */
  --ahu-blue:#0060B6;   /* kék – blokk-címsorok + linkek */
  --ahu-ink:#243b45;    /* törzs-szöveg */
  --ahu-line:#e3e9ec;
}
.ahu-single *,.ahu-grid *{box-sizing:border-box}

/* ---------- LISTA-RÁCS ---------- */
.ahu-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  font-family:"Ubuntu",sans-serif;
}
.ahu-card{
  position:relative;
  display:flex;
  align-items:flex-end;
  min-height:460px;
  border-radius:10px;
  overflow:hidden;
  background:#4a6b78 center/cover no-repeat;
  color:#fff;
  text-decoration:none;
  isolation:isolate;
  transition:transform .35s ease, box-shadow .35s ease;
}
.ahu-card:hover{transform:translateY(-4px);box-shadow:0 24px 44px -24px rgba(20,47,57,.55)}
.ahu-card-shade{
  position:absolute;inset:0;z-index:1;
  /* a MAI /nepszeru-uti-celok/ kártya-overlay-je (page 91, mérve): gradiens
     rgba(2,1,1,0) -> #142F39, 180deg, teljes opacitás — jobban olvasható a fehér szöveg. */
  background:linear-gradient(180deg,rgba(2,1,1,0) 0%,#142F39 100%);
}
.ahu-card-body{position:relative;z-index:2;display:flex;flex-direction:column;padding:28px 30px 30px}
/* h3, de a kártya-kinézet változatlan (a téma h3-szabályai ellen !important) */
.ahu-grid h3.ahu-card-title{font-size:22px !important;font-weight:600 !important;line-height:1.2 !important;color:#fff !important;margin:0 0 8px !important;padding:0}
.ahu-card-intro{font-size:16px;font-weight:300;line-height:1.5;color:#fff;margin:0 0 16px;opacity:.95}
.ahu-card-btn{
  align-self:flex-start;
  display:inline-block;
  background:var(--ahu-turq);
  color:#fff;
  font-size:14px;font-weight:500;letter-spacing:1.4px;text-transform:uppercase;
  padding:14px 26px;
  border-radius:15px 0;
  transition:background .25s ease;
}
.ahu-card:hover .ahu-card-btn{background:var(--ahu-turq-d)}

/* ---------- ADATLAP ---------- */
.ahu-single{font-family:"Ubuntu",sans-serif;color:var(--ahu-ink);padding:48px 0 8px}
.ahu-container{max-width:1000px;margin:0 auto;padding:0 20px}
.ahu-hero{margin:0 0 28px}
.ahu-hero img{width:100%;height:auto;max-height:440px;object-fit:cover;border-radius:14px;display:block}
/* NOTE: .ahu-single scope + !important a szín/méret kulcs-tokenekre — a téma (Hello Elementor + jkit)
   h2/h3 szabályai különben felülírják a plugin fejléc-stílusait. */
.ahu-single .ahu-title{
  font-size:clamp(30px,4.2vw,44px) !important;
  font-weight:700 !important;line-height:1.12 !important;color:var(--ahu-dark) !important;
  margin:0 0 18px !important;
}
.ahu-single .ahu-lead{font-size:19px;line-height:1.6;color:#3a525d;margin:0 0 26px;font-weight:400}
.ahu-single .ahu-block{margin:0 0 26px}
.ahu-single .ahu-bh{color:var(--ahu-blue) !important;font-weight:700 !important;margin:30px 0 12px !important}
.ahu-single .ahu-bh-h2{font-size:clamp(22px,2.4vw,28px) !important;line-height:1.25 !important}
.ahu-single .ahu-bh-h3{font-size:clamp(19px,2vw,22px) !important;line-height:1.3 !important}
.ahu-single .ahu-btext{font-size:18px;line-height:1.72;color:var(--ahu-ink)}
.ahu-single .ahu-btext p{margin:0 0 16px}
.ahu-single .ahu-btext a{color:var(--ahu-blue) !important;text-decoration:underline}
.ahu-single .ahu-btext a:hover{color:var(--ahu-dark) !important}
.ahu-single .ahu-btext strong{font-weight:700;color:var(--ahu-dark)}
.ahu-btext ul,.ahu-btext ol{margin:0 0 16px 22px}
.ahu-btext li{margin:0 0 6px}

/* ---------- GYIK ---------- */
.ahu-faq{margin:38px 0 0}
.ahu-faq-list{margin-top:14px;display:flex;flex-direction:column;gap:12px}
.ahu-faq-item{
  border:1px solid var(--ahu-line);border-radius:12px;background:#fff;
  padding:0 20px;overflow:hidden;
}
.ahu-faq-q{
  cursor:pointer;list-style:none;
  font-size:18px;font-weight:600;color:var(--ahu-dark);
  padding:18px 34px 18px 0;position:relative;
}
.ahu-faq-q::-webkit-details-marker{display:none}
.ahu-faq-q::after{
  content:"+";position:absolute;right:2px;top:50%;transform:translateY(-50%);
  font-size:24px;font-weight:400;color:var(--ahu-turq);line-height:1;transition:transform .2s ease;
}
.ahu-faq-item[open] .ahu-faq-q::after{content:"–"}
.ahu-faq-a{padding:0 0 18px;font-size:17px;line-height:1.65;color:var(--ahu-ink)}
.ahu-faq-a p{margin:0 0 12px}

/* ---------- GALÉRIA + VIDEÓ ---------- */
.ahu-media-sec{margin:40px 0 0}
.ahu-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ahu-gitem{display:block;border-radius:12px;overflow:hidden;line-height:0}
.ahu-gitem img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:transform .5s ease}
.ahu-gitem:hover img{transform:scale(1.05)}
.ahu-video{margin:26px 0 0}
.ahu-video-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000}
.ahu-video-frame iframe,.ahu-video-frame video{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}

/* ---------- reszponzív ---------- */
@media(max-width:1024px){
  .ahu-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .ahu-grid{grid-template-columns:1fr;gap:18px}
  .ahu-card{min-height:420px}
  .ahu-single{padding:32px 0 8px}
  .ahu-gallery-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .ahu-btext{font-size:17px}
}
@media(max-width:400px){
  .ahu-gallery-grid{grid-template-columns:1fr}
}

/* ---------- lightbox ---------- */
.ahu-lb{position:fixed;inset:0;z-index:99999;background:rgba(12,26,32,.92);display:flex;align-items:center;justify-content:center}
.ahu-lb[hidden]{display:none}
.ahu-lb-img{max-width:90vw;max-height:86vh;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.ahu-lb button{position:absolute;background:none;border:0;color:#fff;cursor:pointer;font-weight:300}
.ahu-lb-close{top:18px;right:24px;font-size:40px;line-height:1}
.ahu-lb-prev,.ahu-lb-next{top:50%;transform:translateY(-50%);font-size:60px;line-height:1;padding:0 22px}
.ahu-lb-prev{left:6px}.ahu-lb-next{right:6px}
@media(max-width:640px){.ahu-lb-prev,.ahu-lb-next{font-size:44px;padding:0 10px}}

/* ---------- HAJÓTÍPUS-KÁRTYÁK (page 89) ---------- */
.ahu-boatgrid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:22px;
  font-family:"Ubuntu",sans-serif;margin:8px 0;
}
.ahu-boatcard{
  background:#fff;border:1px solid var(--ahu-line);border-radius:14px;
  padding:30px 26px;display:flex;flex-direction:column;align-items:flex-start;
  box-shadow:0 20px 40px -32px rgba(20,47,57,.4);transition:transform .3s ease,box-shadow .3s ease;
}
.ahu-boatcard:hover{transform:translateY(-4px);box-shadow:0 26px 48px -28px rgba(20,47,57,.5)}
.ahu-boat-ico{
  display:inline-flex;align-items:center;justify-content:center;
  width:64px;height:64px;border-radius:50%;
  /* ikon a márka KÉKRE (kontraszt a világos türkiz körön); a kör világos marad */
  background:rgba(61,183,205,.15);color:var(--ahu-blue);margin:0 0 16px;
}
.ahu-boat-title{
  font-size:20px !important;font-weight:700 !important;line-height:1.25 !important;
  color:var(--ahu-blue) !important;margin:0 0 10px !important;padding:0;
}
.ahu-boat-text{font-size:16px;line-height:1.6;color:var(--ahu-ink);margin:0}
@media(max-width:1200px){.ahu-boatgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.ahu-boatgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.ahu-boatgrid{grid-template-columns:1fr;gap:16px}}