/*
Theme Name: HCI IRT Supply Chain Landing
Theme URI: https://hospitalityculture.ro/
Author: OpenAI
Description: Premium landing page for Intimate Roundtable Conversations – Supply chain in HoReCa.
Version: 1.6
*/

:root{
  --bg:#f3eee8;
  --paper:#f7f3ee;
  --paper-2:#efe7df;
  --ink:#1f2329;
  --dark:#111315;
  --muted:#6f747c;
  --line:#d8d0c7;
  --gold:#c6a05a;
  --gold-soft:#e8d8b6;
  --blue:#3c65c8;
  --red:#d9534f;
  --shadow:0 24px 60px rgba(19,22,28,.12);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{max-width:100%; display:block}
a{color:inherit}
.container{width:min(100% - 48px, 1280px); margin:0 auto}
.top-line{display:grid; grid-template-columns:1fr 1fr 1fr; height:4px}
.top-line .blue{background:var(--blue)}
.top-line .gold{background:var(--gold)}
.top-line .red{background:var(--red)}
.hci-site-header{position:sticky; top:0; z-index:50; backdrop-filter:saturate(180%) blur(14px); background:rgba(243,238,232,.86); border-bottom:1px solid rgba(216,208,199,.72)}
.header-inner{display:flex; align-items:center; justify-content:space-between; gap:20px; padding:18px 0}
.brand img{height:88px; width:auto}
.header-cta{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:48px; padding:0 20px; border-radius:999px; text-decoration:none;
  background:var(--ink); color:#fff; font-size:14px; font-weight:700; letter-spacing:.04em;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.header-cta:hover{transform:translateY(-1px); box-shadow:0 12px 26px rgba(19,22,28,.16); background:#2a3038}

.eyebrow,.section-kicker{margin:0 0 18px; font-size:12px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--muted)}
.section-kicker.light{color:rgba(255,255,255,.7)}
h1,h2,h3{font-family:Georgia, 'Times New Roman', serif; letter-spacing:-.04em}
h1{margin:0; font-size:clamp(44px, 6vw, 86px); line-height:.95}
h1 span{color:#d8dee8}
h2{margin:0 0 14px; font-size:clamp(32px, 4vw, 58px); line-height:.98}
.lead{margin:24px 0 0; font-size:18px; line-height:1.7; color:rgba(255,255,255,.82)}
.dark-copy, .micro-copy.dark-copy{color:rgba(255,255,255,.72)}
.dark-copy a,.micro-copy.dark-copy a{color:#fff; font-weight:700}

.hero-premium{position:relative; overflow:hidden; padding:40px 0 72px; background:radial-gradient(circle at top left, rgba(198,160,90,.18), transparent 28%), linear-gradient(180deg, #f4eee6 0%, #efe8df 100%)}
.hero-curve{position:absolute; border:2px solid rgba(31,35,41,.12); border-radius:999px; pointer-events:none}
.hero-curve-a{width:860px; height:860px; right:-380px; top:-180px}
.hero-curve-b{width:520px; height:520px; left:-280px; bottom:-220px}
.hero-premium-grid{display:grid; grid-template-columns:.88fr 1.12fr; gap:34px; align-items:center}
.hero-panel{
  position:relative; z-index:2; padding:42px 40px; border-radius:34px;
  background:linear-gradient(160deg, #101214 0%, #1b1f26 58%, #242932 100%);
  color:#fff; box-shadow:var(--shadow); overflow:hidden;
}
.hero-panel::before{
  content:""; position:absolute; inset:0 0 auto auto; width:220px; height:220px;
  background:radial-gradient(circle, rgba(198,160,90,.28), transparent 68%); transform:translate(18%,-16%);
}
.hero-badges{display:flex; gap:10px; flex-wrap:wrap; margin-top:24px}
.hero-badges span{display:inline-flex; align-items:center; min-height:36px; padding:0 14px; border-radius:999px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.05); color:#fff; font-size:13px; font-weight:700}
.meta-row{display:grid; gap:14px; margin:28px 0 0}
.meta-row.compact{grid-template-columns:repeat(3,1fr)}
.meta-card{background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.1); border-radius:22px; padding:16px 18px}
.meta-label{display:block; margin-bottom:8px; font-size:11px; letter-spacing:.15em; text-transform:uppercase; color:rgba(255,255,255,.58)}
.meta-card strong{font-size:18px; line-height:1.2}
.hero-actions,.cta-actions,.cta-stack{display:flex; gap:14px; flex-wrap:wrap; margin-top:28px}
.cta-stack{flex-direction:column; gap:12px}
.btn{
  display:inline-flex; align-items:center; justify-content:center; min-height:54px; padding:0 24px;
  border-radius:999px; text-decoration:none; font-weight:700;
  transition:transform .2s ease, background .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.btn:hover{transform:translateY(-1px); box-shadow:0 14px 30px rgba(19,22,28,.16)}
.btn-primary{background:#fff; color:var(--ink); border:1px solid #fff}
.btn-primary:hover{background:#f5efe7; border-color:#f5efe7}
.btn-secondary{background:transparent; color:var(--ink); border:1px solid #a3aab3}
.btn-secondary:hover{background:#fff; color:var(--ink)}
.btn-secondary.light{color:#fff; border-color:rgba(255,255,255,.28)}
.btn-secondary.light:hover{background:rgba(255,255,255,.08); color:#fff}
.btn.full{width:100%}
.micro-copy{margin-top:18px; font-size:14px}

.hero-stage{position:relative; min-height:820px}
.hero-poster-card{
  position:relative; z-index:2; width:min(940px, 100%); margin-left:auto;
  padding:16px; border-radius:34px; background:#fbf7f1; border:1px solid rgba(216,208,199,.9); box-shadow:var(--shadow);
  transform:rotate(-1.4deg);
}
.hero-poster-card img{width:100%; border-radius:24px}
.hero-float{
  position:absolute; z-index:3; width:280px; padding:10px; background:#fff; border-radius:26px;
  border:1px solid rgba(216,208,199,.95); box-shadow:var(--shadow);
}
.hero-float img{border-radius:18px; aspect-ratio:4/5; object-fit:cover; width:100%}
.hero-float-top{right:-8px; top:28px; transform:rotate(6deg)}
.hero-float-bottom{left:10px; bottom:58px; transform:rotate(-5deg)}
.hero-note{
  position:absolute; z-index:4; right:60px; bottom:6px; width:340px; padding:24px 24px 22px;
  background:rgba(255,255,255,.92); border:1px solid rgba(216,208,199,.92); border-radius:24px; box-shadow:var(--shadow)
}
.hero-note strong{display:block; font-size:22px; line-height:1.15; margin-bottom:8px}
.hero-note span{display:block; color:#535960; line-height:1.55}

.image-ribbon{padding:0 0 26px}
.image-ribbon-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}
.image-ribbon-grid figure{margin:0; overflow:hidden; border-radius:24px; box-shadow:var(--shadow); border:1px solid rgba(216,208,199,.9)}
.image-ribbon-grid img{width:100%; height:320px; object-fit:cover; transition:transform .5s ease}
.image-ribbon-grid figure:hover img{transform:scale(1.04)}

.section{padding:92px 0}
.section-soft{background:var(--paper-2)}
.section-dark{background:linear-gradient(135deg, #111315 0%, #242931 100%); color:#fff}
.section-head{max-width:900px; margin:0 0 36px}
.section-head.center{text-align:center; margin-left:auto; margin-right:auto}
.section-head.narrow{max-width:820px}
.section-head p{margin:0; font-size:18px; color:#454b54}
.intro-signal-grid{display:grid; grid-template-columns:1.05fr .95fr; gap:34px; align-items:end}
.intro-text-block{padding:28px 30px; border-left:2px solid rgba(198,160,90,.55)}
.intro-text-block p{margin:0; font-size:20px; line-height:1.7; color:#41474f}

.speakers-premium{background:linear-gradient(180deg, #f7f2eb 0%, #f1ebe4 100%)}
.speakers-grid{display:grid; gap:22px}
.six-col-grid{grid-template-columns:repeat(3,1fr)}
.four-col-grid{grid-template-columns:repeat(4,1fr)}
.five-col-grid{grid-template-columns:repeat(5,1fr)}

.speaker-split-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.speaker-split-grid .speaker-card{grid-column:span 2}
.speaker-split-grid .speaker-card:nth-child(4){grid-column:2 / span 2}
.speaker-split-grid .speaker-card:nth-child(5){grid-column:4 / span 2}
.thank-you-panel{margin:0 0 20px; padding:22px 24px; border-radius:24px; background:linear-gradient(135deg, #edf8f1 0%, #f7fcf8 100%); border:1px solid #b9dec5}
.thank-you-panel h3{margin:0 0 10px; font-size:28px; line-height:1.1}
.thank-you-panel p{margin:0; color:#456050; line-height:1.65}

.speaker-card{
  position:relative; background:#fff; border:1px solid rgba(216,208,199,.95); border-radius:30px; overflow:hidden;
  padding:28px 24px 30px; text-align:center; box-shadow:var(--shadow)
}
.speaker-card::before{content:""; position:absolute; inset:0 0 auto 0; height:132px; background:linear-gradient(180deg, rgba(198,160,90,.18), rgba(198,160,90,0))}
.speaker-photo-wrap{position:relative; z-index:1; width:180px; height:180px; margin:8px auto 20px; border-radius:50%; padding:6px; background:linear-gradient(135deg, var(--gold), var(--gold-soft)); box-shadow:0 20px 34px rgba(182,138,67,.22)}
.speaker-photo-wrap img{width:100%; height:100%; object-fit:cover; border-radius:50%; background:#fff}
.speaker-card h3{position:relative; z-index:1; margin:0 0 10px; font-size:30px; line-height:1.08}
.speaker-role{position:relative; z-index:1; margin:0; font-size:12px; text-transform:uppercase; letter-spacing:.16em; color:#5c636c; font-weight:700}
.speaker-brands{position:relative; z-index:1; margin:12px 0 0; color:#676d75; font-size:17px; line-height:1.45; min-height:48px}

.discussion-grid{display:grid; grid-template-columns:.82fr 1.18fr; gap:26px; align-items:start}
.topics{display:grid; gap:14px}
.topic{background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); border-radius:24px; padding:24px}
.topic h3{margin:0 0 8px; font-size:26px; line-height:1.05}
.topic p{margin:0; font-size:17px; color:rgba(255,255,255,.76); line-height:1.6}

.gallery-premium-grid{display:grid; grid-template-columns:1.15fr .85fr .85fr; gap:18px; align-items:stretch}
.gallery-premium-grid figure{margin:0}
.gallery-premium-grid img{width:100%; height:100%; object-fit:cover; border-radius:24px; box-shadow:var(--shadow); border:1px solid rgba(216,208,199,.9)}
.gallery-main{grid-row:span 2; min-height:780px}
.gallery-tall{grid-row:span 2; min-height:780px}
.gallery-small{min-height:300px}
.gallery-quote{display:flex}
.quote-card{
  width:100%; min-height:300px; display:flex; flex-direction:column; justify-content:space-between;
  padding:30px; border-radius:28px; background:linear-gradient(135deg, #fff, #f4ecdf); border:1px solid rgba(216,208,199,.95); box-shadow:var(--shadow)
}
.quote-mark{font-family:Georgia, 'Times New Roman', serif; font-size:84px; line-height:.8; color:var(--gold)}
.quote-card p{margin:0; font-family:Georgia, 'Times New Roman', serif; font-size:32px; line-height:1.05; color:#262b31}
.quote-card strong{font-size:13px; letter-spacing:.16em; text-transform:uppercase; color:#666b72}

.two-col{display:grid; grid-template-columns:.92fr 1.08fr; gap:24px; align-items:stretch}
.format-card,.details-card,.partner{background:#fff; border:1px solid rgba(216,208,199,.95); border-radius:28px; box-shadow:var(--shadow)}
.format-card,.details-card{padding:34px}
.format-visual-card{padding:12px}
.format-visual-card img{width:100%; height:100%; object-fit:cover; border-radius:20px; min-height:460px}
.details-card h2{margin-bottom:18px}
.detail{padding:16px 0; border-bottom:1px solid rgba(216,208,199,.88)}
.detail:last-of-type{border-bottom:none}
.detail-label{display:block; margin-bottom:6px; font-size:12px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--muted)}
.details-card strong{font-size:24px; line-height:1.2}
.details-card a{text-decoration:none}
.detail-cta{margin-top:28px; padding:24px; border-radius:24px; background:#f5f1eb; border:1px solid rgba(216,208,199,.88)}
.detail-cta p{margin:0 0 18px; color:#4a5058; line-height:1.65}

.partners-strip{display:grid; grid-template-columns:repeat(4,1fr); gap:18px; align-items:stretch}
.partner{min-height:180px; display:flex; align-items:center; justify-content:center; padding:24px}
.partner img{max-height:92px; max-width:100%; width:auto}

.final-cta{background:linear-gradient(135deg, #111315 0%, #262a31 100%); color:#fff}
.final-cta-inner{display:grid; grid-template-columns:1.1fr .9fr; gap:28px; align-items:center}
.final-cta p{margin:0; color:rgba(255,255,255,.78); font-size:18px; line-height:1.7}
.cta-actions.right-align{justify-content:flex-end}

.hci-social-footer{background:#0f1012; color:rgba(255,255,255,.76); padding:28px 0}
.hci-social-footer-inner{display:flex; align-items:center; justify-content:space-between; gap:20px}
.hci-footer-brand{display:flex; align-items:center; gap:18px}
.hci-social-footer img{height:56px; width:auto; filter:grayscale(100%) brightness(180%)}
.hci-social-footer p{margin:0; font-size:14px}
.hci-footer-socials{display:flex; align-items:center; gap:10px; flex-wrap:wrap}
.hci-footer-socials a{display:inline-flex; align-items:center; justify-content:center; min-height:42px; padding:0 16px; border-radius:999px; border:1px solid rgba(255,255,255,.18); text-decoration:none; font-size:13px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#fff; transition:.2s ease}
.hci-footer-socials a:hover{background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.32)}

/* Hide legacy/global theme wrappers on the landing page only */
body.home > header:not(.hci-site-header),
body.home #masthead,
body.home .main-header-bar-wrap,
body.home .ast-above-header-wrap,
body.home .ast-below-header-wrap,
body.home .elementor-location-header,
body.home .site-header:not(.hci-site-header),
body.home > footer:not(.hci-social-footer),
body.home #colophon,
body.home .main-footer-bar,
body.home .footer-adv-wrap,
body.home .elementor-location-footer,
body.home .site-footer:not(.hci-social-footer){display:none !important;}

@media (max-width: 1240px){
  .hero-premium-grid,.intro-signal-grid,.discussion-grid,.two-col,.final-cta-inner{grid-template-columns:1fr}
  .hero-stage{min-height:auto; padding-bottom:140px}
  .hero-poster-card{margin:0 auto}
  .hero-float-top{right:12px}
  .hero-float-bottom{left:18px}
  .hero-note{right:36px}
  .gallery-premium-grid{grid-template-columns:1fr 1fr}
  .gallery-main{grid-column:1 / -1; grid-row:auto; min-height:520px}
  .gallery-tall{min-height:520px}
  .gallery-quote{grid-column:1 / -1}
}

@media (max-width: 980px){
  .six-col-grid,.four-col-grid,.five-col-grid{grid-template-columns:repeat(2,1fr)}
  .image-ribbon-grid{grid-template-columns:1fr}
  .partners-strip{grid-template-columns:repeat(2,1fr)}
  .meta-row.compact{grid-template-columns:1fr}
}

@media (max-width: 760px){
  .container{width:min(100% - 28px, 1280px)}
  .header-inner{padding:14px 0}
  .brand img{height:72px}
  .header-cta{display:none}
  .hero-premium{padding:24px 0 54px}
  .hero-panel{padding:28px 22px}
  .hero-stage{padding-bottom:0}
  .hero-poster-card{padding:10px; transform:none; border-radius:24px}
  .hero-poster-card img{border-radius:16px}
  .hero-float,.hero-note{position:relative; left:auto; right:auto; bottom:auto; top:auto; width:100%; transform:none; margin-top:16px}
  .hero-float img{aspect-ratio:16/10}
  .section{padding:64px 0}
  .six-col-grid,.four-col-grid,.five-col-grid,.gallery-premium-grid{grid-template-columns:1fr}
  .speaker-photo-wrap{width:156px; height:156px}
  .speaker-card h3{font-size:28px}
  .quote-card p{font-size:26px}
  .format-card,.details-card,.partner,.topic,.quote-card{padding:22px}
  .format-visual-card{padding:10px}
  .format-visual-card img,.gallery-main,.gallery-tall,.gallery-small{min-height:auto}
  .cta-actions.right-align{justify-content:flex-start}
}

@media (max-width: 760px){
  .hci-social-footer-inner,.hci-footer-brand{flex-direction:column; align-items:flex-start}
  .hci-footer-socials{width:100%}
}

.register-layout{align-items:start}
.event-register-info{background:linear-gradient(135deg, #fff 0%, #f7f0e5 100%)}
.fi-register-intro{margin-top:28px; padding:24px; border-radius:24px; background:#f5efe5; border:1px solid rgba(216,208,199,.88)}
.mini-label{display:inline-block; margin-bottom:10px; font-size:12px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--gold-dark)}
.fi-register-intro p{margin:0; color:#4a5058; line-height:1.65}
.register-card{background:#fff; border:1px solid rgba(216,208,199,.95); border-radius:28px; box-shadow:var(--shadow); padding:34px}
.event-register-form{display:grid; gap:18px}
.form-grid{display:grid; gap:16px}
.form-grid.two{grid-template-columns:repeat(2,1fr)}
.field{display:grid; gap:8px}
.field label{font-size:13px; font-weight:700; color:#2b3036}
.field input,
.field select,
.field textarea{
  width:100%; min-height:56px; padding:15px 16px; border:1px solid #d6d0c7; border-radius:16px;
  background:#fdfbf8; color:var(--ink); font-family:inherit; font-size:16px; line-height:1.4;
  transition:border-color .2s ease, box-shadow .2s ease, background .2s ease; appearance:none;
}
.field textarea{min-height:118px; resize:vertical}
.field input:focus,
.field select:focus,
.field textarea:focus{outline:none; border-color:rgba(198,160,90,.95); background:#fff; box-shadow:0 0 0 4px rgba(198,160,90,.12)}
.field select{background-image:linear-gradient(45deg, transparent 50%, #2b3036 50%), linear-gradient(135deg, #2b3036 50%, transparent 50%); background-position:calc(100% - 22px) calc(50% - 3px), calc(100% - 16px) calc(50% - 3px); background-size:6px 6px, 6px 6px; background-repeat:no-repeat; padding-right:44px}
.consent-check{display:flex; align-items:flex-start; gap:12px; font-size:14px; color:#505762; line-height:1.6}
.consent-check input{margin-top:3px; width:18px; height:18px; accent-color:#23262b}
.register-help{margin:0; text-align:center; font-size:14px; color:#646a72}
.register-help a{text-decoration:none}
.form-notice{margin-bottom:18px; padding:15px 16px; border-radius:16px; font-size:15px; line-height:1.5}
.form-notice.success{background:#edf8f1; border:1px solid #b9dec5; color:#1f6a3a}
.form-notice.error{background:#fff3f2; border:1px solid #edc2bf; color:#8b2f2a}

@media (max-width: 980px){
  .form-grid.two{grid-template-columns:1fr}
}



@media (min-width: 981px){.speaker-split-grid .speaker-photo-wrap{width:150px;height:150px}.speaker-split-grid .speaker-card h3{font-size:24px}.speaker-split-grid .speaker-card{padding:24px 18px 26px}.speaker-split-grid .speaker-brands{font-size:15px;min-height:42px}}


@media (max-width: 980px){
  .speaker-split-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .speaker-split-grid .speaker-card,
  .speaker-split-grid .speaker-card:nth-child(4),
  .speaker-split-grid .speaker-card:nth-child(5){grid-column:span 1}
}
@media (max-width: 640px){
  .speaker-split-grid{grid-template-columns:1fr}
}