/*
 * Owner decision (2026-10-05): colours and buttons follow the active theme everywhere. Loaded last in
 * the site <head> (after the theme's final.css and cta-lock). css/harmony/* already swaps the Summit
 * colours of the shared sheets; this sheet adds what a colour swap cannot do.
 */

html.site-template-summit {
  --th-focus: #1d4ed8;
  --th-btn-bg: #1d4ed8;
  --th-btn-hover: #1e40af;
  --th-btn-fg: #fff;
  --th-btn-border: #1d4ed8;
  --th-btn-shadow: 0 6px 16px rgb(29 78 216 / 0.22);
}
html.site-template-aurum {
  --th-focus: #b08a3c;
  --th-btn-bg: #b08a3c;
  --th-btn-hover: #8c6a2a;
  --th-btn-fg: #162032;
  --th-btn-border: #b08a3c;
  --th-btn-shadow: 0 8px 20px rgb(176 138 60 / 0.26);
}
html.site-template-anadolu {
  --th-focus: #7a2e1e;
  --th-btn-bg: #7a2e1e;
  --th-btn-hover: #5c1d18;
  --th-btn-fg: #fffdf9;
  --th-btn-border: #6b2819;
  --th-btn-shadow: 0 6px 16px rgb(122 46 30 / 0.2);
}
html.site-template-efes {
  --th-focus: #2f4a3c;
  --th-btn-bg: #2f4a3c;
  --th-btn-hover: #1e3329;
  --th-btn-fg: #fffdf9;
  --th-btn-border: #1e3329;
  --th-btn-shadow: 0 6px 16px rgb(47 74 60 / 0.2);
}
html.site-template-germiyan {
  --th-focus: #0f766e;
  --th-btn-bg: #0f766e;
  --th-btn-hover: #115e59;
  --th-btn-fg: #fff;
  --th-btn-border: #115e59;
  --th-btn-shadow: 0 6px 16px rgb(15 118 110 / 0.22);
}
html.site-template-marmara {
  --th-focus: #1a3654;
  --th-btn-bg: #1a3654;
  --th-btn-hover: #0e1c36;
  --th-btn-fg: #fff;
  --th-btn-border: #0e1c36;
  --th-btn-shadow: 0 6px 16px rgb(26 54 84 / 0.24);
}

/*
 * Keyboard focus in the theme colour. Without it the browser draws its own ring, in the operating
 * system's accent colour (orange on the owner's machine). Zero specificity: any focus style a sheet
 * defines still wins.
 */
:where(html[class*='site-template-']) :where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 2px solid var(--th-focus);
  outline-offset: 2px;
}

/*
 * Pop-up: the showcase themes turn every .prose-congress into a bordered card (!important), and the
 * pop-up's text block carries that class — the text sat against a frame with no padding.
 */
html.site-preset-showcase .site-popup-modal__content.prose-congress,
html.site-preset-default .site-popup-modal__content.prose-congress {
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
}
/* site-popup.css is hoisted into <head> after this sheet: one more class to stay ahead of it. */
html:not(.site-template-summit) .site-popup-modal__cta {
  background: var(--th-btn-bg);
  color: var(--th-btn-fg);
  border: 1px solid var(--th-btn-border);
  box-shadow: var(--th-btn-shadow);
}
html:not(.site-template-summit) .site-popup-modal__cta:hover {
  background: var(--th-btn-hover);
  color: var(--th-btn-fg);
}
html .site-popup-modal__close:focus-visible {
  outline: 2px solid var(--th-focus, #1d4ed8);
  outline-offset: 2px;
}

/*
 * Primary buttons of the shared sheet painted with Summit gradients: the theme's own button (the same
 * one its cta-lock / final.css gives the sign-in and contact buttons). Scoped with :where so a rule a
 * theme sheet wrote for the button (html.site-template-… .x) still wins.
 */
:where(html:not(.site-template-summit)) .speaker-detail-card__btn,
:where(html:not(.site-template-summit)) .program-filters__btn--primary,
:where(html:not(.site-template-summit)) .page-dates__cta,
:where(html:not(.site-template-summit)) .accommodation-page__cta-btn,
:where(html:not(.site-template-summit)) .registration-form__submit,
:where(html:not(.site-template-summit)) .abstract-form__submit,
:where(html:not(.site-template-summit)) .abs-template-banner__btn,
:where(html:not(.site-template-summit)) .program-session-live-locked__btn--primary,
:where(html:not(.site-template-summit)) .home-announcements__btn,
:where(html:not(.site-template-summit)) .site-bottom-nav__cta {
  background: var(--th-btn-bg);
  color: var(--th-btn-fg);
  border-color: var(--th-btn-border);
  box-shadow: var(--th-btn-shadow);
}
:where(html:not(.site-template-summit)) .speaker-detail-card__btn:hover,
:where(html:not(.site-template-summit)) .program-filters__btn--primary:hover,
:where(html:not(.site-template-summit)) .page-dates__cta:hover,
:where(html:not(.site-template-summit)) .accommodation-page__cta-btn:hover,
:where(html:not(.site-template-summit)) .registration-form__submit:hover,
:where(html:not(.site-template-summit)) .abstract-form__submit:hover,
:where(html:not(.site-template-summit)) .abs-template-banner__btn:hover,
:where(html:not(.site-template-summit)) .program-session-live-locked__btn--primary:hover,
:where(html:not(.site-template-summit)) .home-announcements__btn:hover {
  background: var(--th-btn-hover);
  color: var(--th-btn-fg);
}

/* Online programme page: its own green accent pair and mint chips (the theme's colours instead). */
:where(html:not(.site-template-summit)) .program-page--online-dedicated {
  --online-accent-dark: var(--th-p-deep);
}
:where(html:not(.site-template-summit)) .file-library__card-icon--pdf,
:where(html:not(.site-template-summit)) .program-page--online-dedicated .program-day__index--pro,
:where(html:not(.site-template-summit)) .program-page--online-dedicated .program-timeline__hall--virtual {
  background: var(--th-wash);
}
:where(html:not(.site-template-summit)) .program-online-hero {
  background-image: linear-gradient(135deg, var(--th-wash), #fff);
}

/* anadolu / efes home.css paint the footer link arrows emerald (#34d399); inner pages inherit the link colour. */
:where(html:not(.site-template-summit)) body.site-home .og-footer__link i {
  color: inherit;
}

/*
 * germiyan / marmara had no cta-lock in Laravel: their header and form buttons were gradients built from
 * the shared --brand / --primary variables (Summit teal → gold). One flat theme button, like the other themes.
 */
:is(html.site-template-germiyan, html.site-template-marmara) :is(
  .btn-header-primary, .auth-modal__aside-btn, .auth-modal__submit, .auth-modal__btn--primary, .auth-register__submit,
  .og-auth__brand-btn, .og-auth__submit, .fees-page__btn--primary, .contact-form__submit, .btn-primary, .btn-brand,
  .hero-btn-primary, .hero-slide-btn--primary, .registration-form__submit, .abstract-form__submit, .announcement-request-form__btn--primary,
  .announcement-featured__cta, .site-bottom-nav__cta
) {
  background: var(--th-btn-bg) !important;
  background-image: none !important;
  color: var(--th-btn-fg) !important;
  border-color: var(--th-btn-border) !important;
  box-shadow: var(--th-btn-shadow) !important;
  filter: none !important;
}
:is(html.site-template-germiyan, html.site-template-marmara) :is(
  .btn-header-primary, .auth-modal__aside-btn, .auth-modal__submit, .auth-modal__btn--primary, .auth-register__submit,
  .og-auth__brand-btn, .og-auth__submit, .fees-page__btn--primary, .contact-form__submit, .btn-primary, .btn-brand,
  .hero-btn-primary, .hero-slide-btn--primary, .registration-form__submit, .abstract-form__submit, .announcement-request-form__btn--primary,
  .announcement-featured__cta, .site-bottom-nav__cta
):hover {
  background: var(--th-btn-hover) !important;
}

/* Default-shell language switcher (amber in site.css): the theme's colour on the dark top bar. */
html.site-template-germiyan .lang-switcher__btn.is-active,
html.site-template-germiyan .site-top-bar .lang-switcher__btn.is-active { background: #0f766e !important; color: #fff !important; }
html.site-template-marmara .lang-switcher__btn.is-active,
html.site-template-marmara .site-top-bar .lang-switcher__btn.is-active { background: #3d5a80 !important; color: #fff !important; }

/* Quick-link icons of the default hero: a flat theme tint instead of the mint wash. */
:where(html:not(.site-template-summit)) .hero-quicklinks__icon {
  background: var(--th-wash);
}

/* Footer bottom line (SiteFooter FooterLegalLine): Gizlilik Politikası | Kullanım Koşulları | Altyapı: Nova CongressPort. */
.site-legal-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.75rem;
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.4;
  color: inherit;
}
.site-legal-line a {
  color: inherit;
  text-decoration: none;
  opacity: 0.88;
  transition: opacity 0.15s;
}
.site-legal-line a:hover {
  opacity: 1;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.site-legal-line__sep {
  opacity: 0.35;
}
.site-legal-line__credit {
  opacity: 0.88;
}
.site-legal-line__credit a {
  opacity: 1;
}
.site-legal-line__credit strong {
  font-weight: 700;
}

/*
 * Owner (2026-10-05): the default home's between-section waves (partials/section-wave) are drawn in a flat
 * --surface colour over sections with textured / tinted backgrounds — a visible pale strip in every theme,
 * and the last one is Summit's #020617 above each theme's own footer colour. The sections meet directly.
 */
.section-wave {
  display: none !important;
}

/*
 * Member panel and Yönetim keep the JournalPort /manage layout; their two accent colours (JournalPort's
 * orange call-to-action and navy) follow the congress theme so the panel and the site around it match.
 */
html.site-template-summit :is(.jp-manage, .jp-photo-editor) { --jp-accent: #1e3a8a; --jp-cta: #1d4ed8; }
html.site-template-aurum :is(.jp-manage, .jp-photo-editor) { --jp-accent: #162032; --jp-cta: #8c6a2a; }
html.site-template-anadolu :is(.jp-manage, .jp-photo-editor) { --jp-accent: #5c1d18; --jp-cta: #7a2e1e; }
html.site-template-efes :is(.jp-manage, .jp-photo-editor) { --jp-accent: #1e3329; --jp-cta: #2f4a3c; }
html.site-template-germiyan :is(.jp-manage, .jp-photo-editor) { --jp-accent: #115e59; --jp-cta: #0f766e; }
html.site-template-marmara :is(.jp-manage, .jp-photo-editor) { --jp-accent: #0e1c36; --jp-cta: #1a3654; }
html[class*='site-template-'] .jp-bulk-mail__body a { color: var(--jp-cta); }

/*
 * Home «Hızlı bağlantılar» bento (showcase themes): Laravel gave the six tiles six colour families
 * (blue-teal, green, violet, orange, amber, navy). Flat shades of the theme's own colour instead.
 */
html.site-template-summit { --th-tile-1: #1d4ed8; --th-tile-2: #1e40af; --th-tile-3: #1e3a8a; }
html.site-template-aurum { --th-tile-1: #162032; --th-tile-2: #24324a; --th-tile-3: #8c6a2a; }
html.site-template-anadolu { --th-tile-1: #7a2e1e; --th-tile-2: #5c1d18; --th-tile-3: #92400e; }
html.site-template-efes { --th-tile-1: #2f4a3c; --th-tile-2: #1e3329; --th-tile-3: #3d5c4a; }
html.site-template-germiyan { --th-tile-1: #0f766e; --th-tile-2: #115e59; --th-tile-3: #134e4a; }
html.site-template-marmara { --th-tile-1: #1a3654; --th-tile-2: #243e5c; --th-tile-3: #0e1c36; }
html[class*='site-template-'] :is(.og-bento__tile--a, .og-bento__tile--d) { background: var(--th-tile-1) !important; }
html[class*='site-template-'] :is(.og-bento__tile--b, .og-bento__tile--e) { background: var(--th-tile-2) !important; }
html[class*='site-template-'] :is(.og-bento__tile--c, .og-bento__tile--f) { background: var(--th-tile-3) !important; }

/*
 * aurum home: the quick-link bar (.pd-guide) is pulled 3.5rem up into the fixed-height hero, onto the
 * slide counter / progress / arrows. The controls keep clear of it (the bar stacks below the hero under 901px).
 */
@media (min-width: 901px) {
  html.site-template-aurum .pd-hero__controls {
    margin-bottom: 4.25rem;
  }
}

/*
 * No logo uploaded (owner decision 2026-10-05): the site name as text in the header, footer and
 * auth brand column — never the agency's packaged logo. The two header copies carry the logo-image
 * classes, so each theme's light / dark header rules (and its whitening filter on dark headers)
 * apply to them exactly as to the images; on a light header the name takes the theme colour.
 */
.site-header__logo--text {
  max-width: min(46vw, 300px);
  text-decoration: none;
}
.site-header__logo-text {
  display: block;
  max-width: 100%;
  color: var(--th-btn-bg, #0f172a);
  font-weight: 700;
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  line-height: 1.2;
  letter-spacing: -0.01em;
  overflow-wrap: anywhere;
  overflow: hidden;
  max-height: 2.4em;
}
.site-footer__logo-text {
  display: block;
  max-width: min(100%, 340px);
  color: #fff;
  font-weight: 700;
  font-size: clamp(1.2rem, 2.2vw, 1.55rem);
  line-height: 1.2;
  letter-spacing: -0.01em;
  overflow-wrap: anywhere;
}
.og-auth__logo-text {
  display: block;
  max-width: 260px;
  color: #fff;
  font-weight: 700;
  font-size: clamp(1.1rem, 2vw, 1.35rem);
  line-height: 1.2;
  overflow-wrap: anywhere;
}

/* Home blocks without their media: a slide without an image and the summit about block without
   highlight cards take the full row instead of leaving an empty column. */
.hero-slide-grid.hero-slide-grid--text {
  grid-template-columns: minmax(0, 1fr) !important;
  max-width: 56rem;
}
.og-about__grid.og-about__grid--text {
  grid-template-columns: minmax(0, 1fr) !important;
}
/* Summit participation path: four steps while abstract submission is closed. */
@media (min-width: 1025px) {
  html.site-template-summit .sm-steps .og-steps__track[data-count='4'] {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

/*
 * Legal pages (KVKK, gizlilik, kullanım şartları) on the showcase themes: the inner page is pulled 2rem up
 * under the hero, whose bottom wave (64px, z-index 2) then covered the top of the table of contents and the
 * text card. The legal layout starts below the wave.
 */
html.site-preset-showcase .og-page-hero + .legal-page.og-inner-page {
  padding-top: 4rem;
}
@media (max-width: 768px) {
  html.site-preset-showcase .og-page-hero + .legal-page.og-inner-page {
    padding-top: 3rem;
  }
}

/* Every theme: Laravel's Tailwind base reset (`a { color: inherit; text-decoration: inherit }`) is not loaded
   here, so footer links, the header's text site name, programme cards and the «Tüm …» buttons showed the
   browser's default underline / blue. The same reset at zero specificity: any link style of its own still wins. */
:where(body.site-body) a {
  color: inherit;
  text-decoration: inherit;
}

/* Classic themes: the inner-page hero, the about hero and the featured announcement visual were slate→teal
   gradients (site.css) — flat in each theme's own colour, like the home hero (owner: no gradients anywhere). */
html.site-template-germiyan .page-hero,
html.site-template-germiyan .about-page__hero-bg,
html.site-template-germiyan .announcement-featured__visual,
html.site-template-germiyan .home-announcements__featured-visual-bg,
html.site-template-germiyan .home-announcements__aside-card {
  background: #123a37;
}
html.site-template-marmara .page-hero,
html.site-template-marmara .about-page__hero-bg,
html.site-template-marmara .announcement-featured__visual,
html.site-template-marmara .home-announcements__featured-visual-bg,
html.site-template-marmara .home-announcements__aside-card {
  background: #13243f;
}

/* Showcase themes and Germiyan: the remaining visible colour transitions (some mixed two themes' colours, e.g.
   Anadolu navy → red, Efes navy → green) — flat in each theme's own colour (owner: no gradients, never mix the
   theme colours). Faint background glows and near-white washes stay. */
html.site-template-aurum .pd-about__dossier {
  background: #162032;
}
html.site-template-aurum .og-workshops,
html.site-template-aurum .og-footer,
html.site-template-aurum .og-footer__bg {
  background-image: none;
  background-color: #121925;
}
html.site-template-summit .og-workshops__media,
html.site-template-summit .sm-panels__media {
  background-image: none;
  background-color: #1d4ed8;
}
html.site-template-summit .og-workshops,
html.site-template-summit .og-footer {
  background-image: none;
  background-color: #0f172a;
}
html.site-template-anadolu .an-news__card:not(.an-news__card--photo) {
  background-image: none;
  background-color: #3a1a12;
}
html.site-template-anadolu .an-panels__fallback,
html.site-template-anadolu .an-workshops__media {
  background-image: none;
  background-color: #4a1f17;
}
html.site-template-efes .an-news__card:not(.an-news__card--photo) {
  background-image: none;
  background-color: #1e3329;
}
html.site-template-efes .an-panels__fallback,
html.site-template-efes .an-workshops__media,
html.site-template-efes .og-footer {
  background-image: none;
  background-color: #1e3329;
}
html.site-template-germiyan .home-dates__card--active {
  background-image: none;
  background-color: #123a37;
}
html.site-template-anadolu .an-speakers__band {
  background-image: none;
  background-color: #4a1f17;
}
html.site-template-efes .an-speakers__band {
  background-image: none;
  background-color: #1e3329;
}