/*
 * Componentele comune ale secțiunilor. Fără culori sau fonturi scrise aici: totul vine din tokenii temei
 * (theme.json -> --wp--preset--* / --wp--custom--*). Valorile de după virgulă sunt doar rezerve neutre.
 */
:root {
  /* Culori (paleta din theme.json; numele sunt aceleasi la toti clientii) */
  --s-primary: var(--wp--preset--color--primary, #1f3a33);
  --s-secondary: var(--wp--preset--color--secondary, #e9b44c);
  --s-surface: var(--wp--preset--color--surface, #f5f4f0);
  --s-accent: var(--wp--preset--color--accent, #4f7f5a);
  --s-text: var(--wp--preset--color--contrast, rgba(0, 0, 0, 0.8));
  --s-base: var(--wp--preset--color--base, #ffffff);
  --s-ink: var(--wp--preset--color--ink, #000000);
  --s-accent-2: var(--wp--custom--accent-2-text, #8a5a00);
  --s-muted: var(--wp--custom--muted, #686868);
  --s-text-inverse: var(--wp--custom--text-inverse, rgba(255, 255, 255, 0.8));
  --s-line: var(--wp--custom--line, rgba(0, 0, 0, 0.1));
  /* Font */
  --s-font: var(--wp--preset--font-family--body, "Helvetica Neue", Arial, sans-serif);
  /* Forme si spatii */
  --s-radius: var(--wp--custom--radius--large, 24px);
  --s-radius-sm: var(--wp--custom--radius--small, 16px);
  --s-container: var(--wp--custom--container, 1280px);
  --s-gutter: var(--wp--custom--gutter, 80px);
  --s-section: var(--wp--custom--section, 100px);
  --s-header-h: var(--wp--custom--header-height, 80px);
  /* Marimi de text */
  --s-h1: var(--wp--custom--heading--h1, 52px);
  --s-h2: var(--wp--custom--heading--h2, 48px);
  --s-h3: var(--wp--custom--heading--h3, 30px);
  --s-h4: var(--wp--custom--heading--h4, 22px);
  --s-h5: var(--wp--custom--heading--h5, 20px);
  --s-h6: var(--wp--custom--heading--h6, 18px);
  --s-lh-h1: 1.1;
  --s-lh-h2: 1.2;
  --s-display: var(--wp--custom--heading--display, 54px);
  --s-lead: var(--wp--custom--lead, 18px);
}
@media (max-width: 1024px) {
  :root {
    --s-gutter: var(--wp--custom--gutter-tablet, 30px);
    --s-section: var(--wp--custom--section-tablet, 80px);
    --s-h1: var(--wp--custom--heading--h1-tablet, 38px);
    --s-h2: var(--wp--custom--heading--h2-tablet, 34px);
    --s-h3: var(--wp--custom--heading--h3-tablet, 23px);
    --s-h4: var(--wp--custom--heading--h4-tablet, 20px);
    --s-h5: var(--wp--custom--heading--h5-tablet, 18px);
    --s-h6: var(--wp--custom--heading--h6-tablet, 16px);
    --s-display: var(--wp--custom--heading--display-tablet, 42px);
  }
}
@media (max-width: 767px) {
  :root {
    --s-gutter: var(--wp--custom--gutter-mobile, 20px);
    --s-section: var(--wp--custom--section-mobile, 60px);
    --s-header-h: var(--wp--custom--header-height-mobile, 65px);
    --s-radius: var(--wp--custom--radius--large-mobile, 20px);
    --s-h1: var(--wp--custom--heading--h1-mobile, 32px);
    --s-h2: var(--wp--custom--heading--h2-mobile, 28px);
    --s-h3: var(--wp--custom--heading--h3-mobile, 21px);
    --s-h4: var(--wp--custom--heading--h4-mobile, 19px);
    --s-h5: var(--wp--custom--heading--h5-mobile, 17px);
    --s-h6: var(--wp--custom--heading--h6-mobile, 15px);
    --s-lh-h1: 1.2;
    --s-lh-h2: 1.3;
    --s-display: var(--wp--custom--heading--display-mobile, 32px);
    --s-lead: var(--wp--custom--lead-mobile, 16px);
  }
}

.simplu-container { width: min(var(--s-container), 100% - 2 * var(--s-gutter)); margin-inline: auto; }
.simplu-section { padding-block: var(--s-section); }
.simplu-section--strans { padding-block: calc(var(--s-section) / 2); }
.simplu-section--fara-sus { padding-top: 0; }
.simplu-anchor { scroll-margin-top: 100px; }

.simplu-eyebrow { display: inline-block; margin: 0 0 20px; padding: 5px 20px; border: 1px solid var(--s-line); border-radius: 16px; color: var(--s-primary); font-size: 11px; font-weight: 500; line-height: 1.8; letter-spacing: -0.2px; text-transform: uppercase; }
.simplu-eyebrow--alb { color: var(--s-base); border-color: rgba(255, 255, 255, 0.3); }
.simplu-accent { color: var(--wp--custom--accent-text, var(--s-accent)); }
.simplu-accent--2 { color: var(--s-accent-2); }
.simplu-titlu-mare { max-width: 620px; margin: 0; color: var(--s-primary); font-size: var(--s-h2); font-weight: 400; line-height: var(--s-lh-h2); letter-spacing: -0.5px; }

.simplu-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 47px; padding: 16px 24px; border: 1px solid transparent; border-radius: 100px; font-size: 15px; font-weight: 500; line-height: 1; letter-spacing: -0.2px; text-align: center; text-decoration: none; cursor: pointer; transition: background-color .2s ease, color .2s ease, border-color .2s ease; }
.simplu-btn--plin { background: var(--s-primary); color: var(--s-base); }
.simplu-btn--plin:hover, .simplu-btn--plin:focus-visible { background: var(--s-secondary); color: var(--s-primary); }
.simplu-btn--contur { background: var(--s-base); color: var(--s-text); border-color: var(--s-line); }
.simplu-btn--contur:hover, .simplu-btn--contur:focus-visible { background: var(--s-primary); color: var(--s-base); border-color: var(--s-primary); }
.simplu-btn--galben { background: var(--s-secondary); color: var(--s-primary); }
.simplu-btn--galben:hover, .simplu-btn--galben:focus-visible { background: var(--s-base); color: var(--s-primary); }
.simplu-btn--crem { background: var(--s-surface); color: var(--s-primary); }
.simplu-btn--crem:hover, .simplu-btn--crem:focus-visible { background: var(--s-secondary); color: var(--s-primary); }
.simplu-btn--deschis { background: var(--s-base); color: var(--s-primary); }
.simplu-btn--deschis:hover, .simplu-btn--deschis:focus-visible { background: var(--s-secondary); color: var(--s-primary); }
.simplu-btn--contur-alb { background: transparent; color: var(--s-base); border-color: rgba(255, 255, 255, 0.6); }
.simplu-btn--contur-alb:hover, .simplu-btn--contur-alb:focus-visible { background: var(--s-base); color: var(--s-primary); border-color: var(--s-base); }
.simplu-btn .simplu-icon { font-size: 16px; }
.simplu-btn-grup { display: inline-flex; align-items: center; gap: 2px; }
.simplu-btn-sageata { display: inline-flex; align-items: center; justify-content: center; width: 47px; height: 47px; border-radius: 50%; background: var(--s-primary); color: var(--s-secondary); transition: background-color .2s ease, transform .2s ease; }
.simplu-btn-grup--galben .simplu-btn-sageata { background: var(--s-secondary); color: var(--s-primary); }
.simplu-btn-grup:hover .simplu-btn, .simplu-btn-grup:hover .simplu-btn-sageata { background: var(--s-secondary); color: var(--s-primary); }
.simplu-btn-grup:hover .simplu-btn-sageata { transform: rotate(45deg); }
.simplu-icon { width: 1em; height: 1em; flex: none; }
.simplu-btn-grup--deschis .simplu-btn-sageata { background: var(--s-base); color: var(--s-primary); }
.simplu-btn-sageata .simplu-icon { font-size: 16px; }
.simplu-btn-row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }
.simplu-section--crem { background: var(--s-surface); }


/* Piese comune refolosite de mai multe secțiuni */
.simplu-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px 60px; align-items: start; }
.simplu-head-row { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 24px 40px; margin-bottom: 50px; }
.simplu-head-row h2 { margin: 0; max-width: 760px; }
.simplu-centru { display: flex; flex-direction: column; align-items: center; text-align: center; }
.simplu-centru h2 { max-width: 760px; margin: 0; }
.simplu-sep-mare { margin: 70px 0; border: 0; border-top: 1px solid var(--s-line); }
.simplu-circle { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; padding: 0; border: 0; border-radius: 50%; font-size: 20px; cursor: pointer; transition: background-color 0.2s ease, color 0.2s ease; }
.simplu-circle--alb { background: var(--s-base); color: var(--s-primary); }
.simplu-circle--alb:hover:not(:disabled) { background: var(--s-primary); color: var(--s-base); }
.simplu-circle:disabled { opacity: 0.45; cursor: default; }
.simplu-icon--rot180 { transform: rotate(180deg); }
.simplu-carusel__track { display: flex; gap: 20px; margin: 0; padding: 0; list-style: none; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; }
.simplu-carusel__track::-webkit-scrollbar { display: none; }
.simplu-carusel__track:focus-visible { outline: 2px solid var(--s-primary); outline-offset: 4px; border-radius: var(--s-radius); }
.simplu-link-sageata { display: inline-flex; align-items: center; gap: 6px; color: var(--s-ink); font-size: 14px; font-weight: 500; }
.simplu-link-sageata__icon { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: var(--s-secondary); color: var(--s-primary); font-size: 12px; transition: transform 0.2s ease; }
.simplu-link-sageata:hover .simplu-link-sageata__icon { transform: rotate(45deg); }
.simplu-btn--sticla { gap: 10px; border-color: rgba(255, 255, 255, 0.35); background: rgba(255, 255, 255, 0.08); color: var(--s-base); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.simplu-btn--sticla .simplu-icon { width: 16px; height: 16px; }
.simplu-btn--sticla:hover, .simplu-btn--sticla:focus-visible { background: var(--s-base); color: var(--s-primary); border-color: var(--s-base); }
.simplu-nota-admin { padding: 12px 16px; border: 1px dashed var(--s-line); border-radius: 8px; color: var(--s-muted); font-size: 14px; }
@media (max-width: 1024px) {
  .simplu-split { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 767px) {
  .simplu-head-row { margin-bottom: 32px; }
  .simplu-sep-mare { margin: 40px 0; }
  .simplu-circle { width: 45px; height: 45px; font-size: 18px; }
}
.simplu-ed-loc-foto { display: flex; align-items: center; justify-content: center; height: clamp(240px, 32vw, 450px); border: 2px dashed var(--s-line); border-radius: var(--s-radius); color: var(--s-muted); font-size: 15px; text-align: center; }