/* ===============================
   ShakeYourMind – paletă culori
   =============================== */

:root {
  --sym-gold-1: #c5b88f;
  --sym-gold-2: #e6ddad;
  --sym-accent: #736f61;
  --sym-text: #f4f4f4;
  --sym-bg: #0b0b0b;
}

/* ================================
   GLOBAL TYPO + BACKGROUND
   (Font is loaded in theme, we only reference it here)
   ================================ */
body.sym-site{
  background: var(--sym-bg) !important;
  color: var(--sym-text);
  font-family: "Codec Warm", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  letter-spacing: 0.02em;
}

/* Default tracking “tiers” (approx. 50/100/180) */
.sym-track-50{ letter-spacing: 0.05em; }
.sym-track-100{ letter-spacing: 0.10em; }
.sym-track-180{ letter-spacing: 0.18em; }

/* Patterned background used on About/FAQ/Contact mockups */
.sym-page--pattern{
  background-color: var(--sym-bg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg fill='none' stroke='rgba(255,255,255,0.06)' stroke-width='2'%3E%3Cpath d='M18 28c40 0 40 36 0 36s-40 36 0 36 40 36 0 36'/%3E%3Cpath d='M202 28c-40 0-40 36 0 36s40 36 0 36-40 36 0 36'/%3E%3Cpath d='M60 18c0 40 36 40 36 0s36-40 36 0 36 40 36 0'/%3E%3Cpath d='M60 202c0-40 36-40 36 0s36 40 36 0 36-40 36 0'/%3E%3Cpath d='M26 110h168'/%3E%3Cpath d='M110 26v168'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 420px 420px;
  background-repeat: repeat;
}

/* ================================
   CINEMATIC FRAME (About/FAQ/Contact)
   ================================ */
.sym-page{
  padding: 110px 16px 90px;
  min-height: calc(100vh - 90px);
}

.sym-frame{
  width: min(980px, 100%);
  margin: 0 auto;
  position: relative;
  padding: 48px 42px 46px;
  border: 1px solid rgba(197,184,143,0.28);
  background: rgba(0,0,0,0.28);
  box-shadow: 0 22px 60px rgba(0,0,0,0.55);
}

.sym-frame__inner{
  position: relative;
}

.sym-frame__title{
  margin: 0 0 18px;
  text-align: center;
  font-weight: 700;
  color: var(--sym-gold-2);
  font-size: clamp(24px, 2.2vw, 30px);
  letter-spacing: 0.12em;
}

.sym-frame__content{
  color: rgba(244,244,244,0.88);
}

.sym-frame__corner{
  position: absolute;
  width: 72px;
  height: 52px;
  border-color: rgba(197,184,143,0.38);
  border-style: solid;
  pointer-events: none;
}
.sym-frame__corner--tl{ top: -1px; left: -1px; border-width: 1px 0 0 1px; }
.sym-frame__corner--tr{ top: -1px; right: -1px; border-width: 1px 1px 0 0; }
.sym-frame__corner--bl{ bottom: -1px; left: -1px; border-width: 0 0 1px 1px; }
.sym-frame__corner--br{ bottom: -1px; right: -1px; border-width: 0 1px 1px 0; }

/* Make inner blocks fit inside the new frame (no extra cards/margins) */
.sym-page--contact .sym-contact,
.sym-page--faq .sym-faq,
.sym-page--about .sym-about{
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.sym-page--contact .sym-contact__subtitle{
  text-align: center;
  max-width: 780px;
  margin: 0 auto 26px;
  color: rgba(244,244,244,0.78);
  letter-spacing: 0.06em;
}

.sym-page--contact .sym-contact__actions{
  text-align: center;
}

.sym-page--faq .sym-faq__items{
  margin-top: 10px;
}

.sym-page--about .sym-about__section--highlight{
  border: 1px solid rgba(197,184,143,0.22);
  background: rgba(255,255,255,0.03);
}

@media (max-width: 680px){
  .sym-page{ padding: 90px 14px 72px; }
  .sym-frame{ padding: 40px 18px 36px; }
  .sym-frame__corner{ width: 58px; height: 44px; }
}

/* =========================================================
   HOME – HERO (single section)
   Used by shortcode: [sym_home_hero]
   ========================================================= */

.sym-home-hero{
  min-height: calc(100vh - 90px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 90px 16px 56px;
  background: var(--sym-bg);
  position: relative;
  overflow: hidden;
}

.sym-home-hero .sym-hero-inner{
  width: min(980px, 100%);
  text-align: center;
  position: relative;
}

.sym-hero-spoon{
  width: 96px;
  margin: 0 auto 26px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.sym-hero-spoon__svg{
  display: block;
  width: 96px;
  height: auto;
  filter: drop-shadow(0 18px 30px rgba(0,0,0,0.55));
}

.sym-hero-spoon__svg--reflect{
  transform: scaleY(-1);
  margin-top: -18px;
  opacity: 0.22;
  filter: blur(1px);
  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.55), rgba(0,0,0,0));
  mask-image: linear-gradient(to bottom, rgba(0,0,0,0.55), rgba(0,0,0,0));
}

.sym-home-hero .sym-hero-title{
  margin: 0 0 28px;
}

.sym-home-hero .sym-hero-cta{
  height: 50px;
  padding: 0 24px;
}

/* Home hero arrow (CTA subtle) */
.sym-home-hero .sym-hero-arrow{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 42px;
  height: 42px;
  margin: 18px auto 0;

  border-radius: 999px;
  border: 1px solid rgba(197,184,143,0.35);
  background: rgba(0,0,0,0.35);

  color: #c5b88f;
  opacity: 0.95;
  cursor: pointer;

  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    background .18s ease;
}

.sym-home-hero .sym-hero-arrow svg{
  width: 14px;
  height: 14px;
  display: block;
  transition: transform .18s ease;
}

.sym-home-hero .sym-hero-arrow:hover{
  transform: scale(1.08);
  border-color: rgba(230,221,173,0.65);
  box-shadow: 0 0 0 6px rgba(197,184,143,0.12);
  background: rgba(197,184,143,0.12);
  color: #e6ddad;
}

.sym-home-hero .sym-hero-arrow:hover svg{
  transform: translateY(2px);
}

.sym-home-hero .sym-hero-arrow:active{
  transform: scale(0.96);
  box-shadow: 0 0 0 3px rgba(197,184,143,0.20);
}

@media (max-width: 560px){
  .sym-home-hero{ padding-top: 78px; }
  .sym-hero-spoon{ width: 82px; margin-bottom: 18px; }
  .sym-hero-spoon__svg{ width: 82px; }
  .sym-home-hero .sym-hero-cta{
    letter-spacing: .12em;
    font-size: 12px;
    padding: 0 18px;
    height: 48px;
  }
  .sym-home-hero .sym-hero-title{ letter-spacing: .22em; }
}

   HOME – VERTICAL SLIDER (Mockup)
   Used by shortcode: [sym_home_slider]
   ========================================================= */

.sym-slider{
  position: relative;
}

/* make each section full viewport (minus header) */
.sym-slide{
  min-height: calc(100vh - 90px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 56px 16px;
}

.sym-slide--hero{
  padding-top: 90px;
}

.sym-hero-inner{
  width: min(980px, 100%);
  text-align: center;
  position: relative;
}

.sym-hero-title{
  color: #fff;
  font-size: clamp(34px, 6vw, 64px);
  letter-spacing: .28em;
  font-weight: 300;
  margin: 0 0 28px;
}

.sym-hero-cta{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 0 26px;
  border-radius: 2px;
  border: 1px solid rgba(197,184,143,0.55);
  color: rgba(244,244,244,0.92) !important;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-weight: 600;
  background: rgba(0,0,0,0.35);
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.sym-hero-cta:hover{
  transform: translateY(-1px);
  border-color: rgba(230,221,173,0.85);
  background: rgba(0,0,0,0.55);
}

.sym-slider-dots{
  position: fixed;
  right: 28px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 9999;
}

.sym-dot{
  width: 8px;
  height: 8px;
  border-radius: 999px;
  border: 1px solid rgba(197,184,143,0.55);
  background: transparent;
  padding: 0;
  cursor: pointer;
  opacity: .85;
  transition: transform .18s ease, background .18s ease, opacity .18s ease;
}

.sym-dot.is-active{
  background: rgba(230,221,173,0.95);
  opacity: 1;
  transform: scale(1.2);
}

@media (max-width: 768px){
  .sym-slider-dots{ right: 12px; }
}

/* =========================================================
   HOME – Top bar (tabs + filters like mockup)
   ========================================================= */
.sym-list-topbar{
  width: min(1100px, 100%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin: 0 auto 26px;
}

.sym-tabs.ghicitori-tabs{
  display: inline-flex;
  gap: 8px;
  padding: 6px;
  border-radius: 999px;
  border: 1px solid rgba(197,184,143,0.28);
  background: rgba(0,0,0,0.25);
}

.sym-tabs .ghicitori-tabs__btn{
  border-radius: 999px;
  padding: 10px 16px;
  font-size: 12px;
  letter-spacing: .18em;
  text-transform: uppercase;
  background: transparent;
  color: rgba(244,244,244,0.92);
  border: 1px solid transparent;
}

.sym-tabs .ghicitori-tabs__btn--active{
  background: rgba(230,221,173,0.92);
  color: #2a2824;
}

.sym-filters{
  display: flex;
  gap: 14px;
}

.sym-filter{
  min-width: 170px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid rgba(197,184,143,0.28);
  background: rgba(0,0,0,0.25);
  border-radius: 8px;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 11px;
  color: rgba(244,244,244,0.9);
}

.sym-filter-caret{
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid rgba(230,221,173,0.85);
}

@media (max-width: 900px){
  .sym-list-topbar{ flex-direction: column; align-items: stretch; }
  .sym-filters{ width: 100%; justify-content: center; flex-wrap: wrap; }
  .sym-filter{ min-width: 160px; }
}

/* =========================================================
   CARDS – match mockup (image left, info right)
   ========================================================= */

.sym-slide--list .ghicitori-grid{
  width: min(1100px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 26px;
}

.sym-slide--list .ghicitori-card{
  position: relative;
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 18px;
  align-items: stretch;
  padding: 20px;
  border-radius: 18px;
  border: 1px solid rgba(197,184,143,0.22);
  background: rgba(20,20,20,0.55);
  box-shadow: 0 28px 90px rgba(0,0,0,0.62);
}

.sym-slide--list .ghicitori-card__thumb{
  display: block;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(197,184,143,0.18);
}

.sym-slide--list .ghicitori-card__thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.sym-slide--list .ghicitori-card__body{ padding: 8px 6px; }

.sym-slide--list .ghicitori-card__title a{
  color: rgba(244,244,244,0.92) !important;
  text-decoration: none;
}

.ghicitori-card__price{
  color: rgba(230,221,173,0.92);
  font-weight: 700;
}

.ghicitori-card__btn{
  border-radius: 10px;
  padding: 12px 16px;
  border: 1px solid rgba(197,184,143,0.35) !important;
  background: rgba(0,0,0,0.25) !important;
  color: rgba(244,244,244,0.92) !important;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: 11px;
}

@media (max-width: 680px){
  .ghicitori-card{
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .ghicitori-card__thumb{
    width: 100%;
    height: 220px;
  }
  .ghicitori-card__body{
    padding: 18px 18px 22px;
  }
  .ghicitori-card__btn{
    width: 100%;
  }
}

.ghicitori-card__btn:hover{
  background: rgba(0,0,0,0.45) !important;
  border-color: rgba(230,221,173,0.75) !important;
}

.ghicitori-card__badge{
  position: absolute;
  right: 18px;
  top: 16px;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 11px;
  letter-spacing: .08em;
}

@media (max-width: 980px){
  .sym-slide--list .ghicitori-grid{ grid-template-columns: 1fr; }
}

@media (max-width: 520px){
  .sym-slide--list .ghicitori-card{ grid-template-columns: 120px 1fr; padding: 16px; }
}

/* =========================================================
   PAGE FRAMES – About / FAQ / Contact (mockup centered frame)
   Use shortcode: [sym_page_frame]
   ========================================================= */

.sym-page-frame{
  width: min(980px, 100%);
  margin: 0 auto;
  padding: 56px 16px;
}

.sym-page-frame__inner{
  border-radius: 22px;
  border: 1px solid rgba(197,184,143,0.25);
  background: rgba(0,0,0,0.35);
  box-shadow: 0 34px 110px rgba(0,0,0,0.72);
  padding: 44px 42px;
  position: relative;
}

.sym-page-frame__title{
  margin: 0 0 18px;
  text-align: center;
  letter-spacing: .12em;
  text-transform: none;
}

.sym-page-frame__content{
  color: rgba(244,244,244,0.88);
  line-height: 1.7;
}

@media (max-width: 680px){
  .sym-page-frame__inner{ padding: 28px 18px; }
}

/* =========================================================
   GLOBAL SITE LOOK (black background + gold accents)
   Applied by body class: .sym-site (added by plugin)
   ========================================================= */
body.sym-site,
body.sym-site #page,
body.sym-site .site,
body.sym-site .site-content,
body.sym-site .content-area,
body.sym-site .container,
body.sym-site .entry-content {
  background: #000 !important;
  color: var(--sym-text);
}

/* prevent accidental horizontal scrolling on full-bleed layouts */
html, body { overflow-x: hidden; }

/* Remove theme page-title bars / breadcrumb headers (you marked with X in screenshot)
   Site navigation already signals the page, so we hide these globally. */
body.sym-site .page-header,
body.sym-site .entry-header,
body.sym-site .woocommerce-products-header,
body.sym-site .woocommerce-breadcrumb,
body.sym-site .woocommerce-result-count,
body.sym-site .page-title,
body.sym-site .entry-title,
body.sym-site .elementor-page-title,
body.sym-site .elementor-widget-page-title,
body.sym-site .elementor-widget-theme-post-title,
body.sym-site .elementor-post__title,
body.sym-site .wp-block-post-title,
body.sym-site h1.wp-block-post-title,
body.sym-site h1.entry-title,
body.sym-site h1.page-title {
  display: none !important;
}

/* Reduce top spacing left behind by hidden titles */
body.sym-site .site-main,
body.sym-site main.site-main,
body.sym-site .elementor-location-single .elementor-section-wrap,
body.sym-site .elementor-location-archive .elementor-section-wrap {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body.sym-site a { color: var(--sym-gold-2); }
body.sym-site a:hover { color: #fff; }

/* headings: gold-ish like the mockups */
body.sym-site h1,
body.sym-site h2,
body.sym-site h3,
body.sym-site h4 {
  color: rgba(230,221,173,0.92);
  letter-spacing: .04em;
}

/* Generic section frames used across pages (Elementor/blocks/etc.) */
body.sym-site .sym-frame {
  border: 1px solid rgba(197,184,143,0.28);
  background: rgba(0,0,0,0.40);
  box-shadow: 0 34px 110px rgba(0,0,0,0.72);
}

/* Menu underline – fără "tremurat" (fără border/padding care schimbă layout). */
body.sym-site .site-header .site-navigation a,
body.sym-site .site-header .header-nav a,
body.sym-site .site-header .main-navigation a{
  text-decoration: none !important;
  background-image: linear-gradient(rgba(230,221,173,0.95), rgba(230,221,173,0.95));
  background-repeat: no-repeat;
  /* lift underline closer to text */
  background-position: 0 calc(100% - 3px);
  background-size: 0 1px;
  padding-bottom: 4px;
  transition: background-size .18s ease, color .18s ease;
}

/* Woostify/Elementor pseudo underline too low – disable */
body.sym-site .site-header .site-navigation a::after,
body.sym-site .site-header .site-navigation a:after{
  content: none !important;
}

body.sym-site .site-header .site-navigation a:hover,
body.sym-site .site-header .site-navigation a:focus,
body.sym-site .site-header .header-nav a:hover,
body.sym-site .site-header .header-nav a:focus,
body.sym-site .site-header .main-navigation a:hover,
body.sym-site .site-header .main-navigation a:focus{
  background-size: 100% 1px;
}

body.sym-site .site-header .site-navigation li.current-menu-item > a,
body.sym-site .site-header .site-navigation li.current_page_item > a,
body.sym-site .site-header .site-navigation a[aria-current="page"]{
  background-size: 100% 1px;
}

/* Elementor / common header underline pseudo-element (avoid being too low) */
body.sym-site .elementor-nav-menu--main .elementor-item{
  padding-bottom: 10px;
}
body.sym-site .elementor-nav-menu--main .elementor-item:after{
  bottom: 2px !important;
}

/* Active/current underline should sit directly under the text (not far below) */
body.sym-site .elementor-nav-menu--main .elementor-item.elementor-item-active:after,
body.sym-site .elementor-nav-menu--main .elementor-item.elementor-item-active::after,
body.sym-site .elementor-nav-menu--main .elementor-item.elementor-item-active:before{
  bottom: 0px !important;
}

/* Keep global current-menu underline off (we handle header underline with border-bottom above) */
body.sym-site .current-menu-item > a,
body.sym-site .current_page_item > a{
  text-decoration: none;
}

/* Do NOT show the "logged in user" badge inside footer widgets/menus (some themes reuse the same menu there). */
body.sym-site footer .sym-user-badge-li,
body.sym-site .site-footer .sym-user-badge-li,
body.sym-site .footer-widgets .sym-user-badge-li,
body.sym-site .widget_nav_menu .sym-user-badge-li{
  display: none !important;
}

/* =========================================================
   HEADER (Elementor/Theme agnostic) – keep it compact & black
   Goal: match mockups (small logo left, menu right)
   ========================================================= */

body.sym-site header,
body.sym-site .site-header,
body.sym-site .elementor-location-header,
body.sym-site .elementor-location-header .elementor-section,
body.sym-site .elementor-location-header .elementor-container,
body.sym-site .elementor-location-header .elementor-column,
body.sym-site .elementor-location-header .elementor-widget-wrap{
  background: #000 !important;
}

/* prevent the header logo from exploding */
body.sym-site .elementor-location-header img,
body.sym-site header .custom-logo,
body.sym-site header .site-logo img,
body.sym-site header .logo img{
  max-height: 56px !important;
  width: auto !important;
}

/* if an Elementor Image widget is used for logo */
body.sym-site .elementor-location-header .elementor-widget-image img{
  max-height: 56px !important;
  width: auto !important;
}

/* Account avatar icons in menu (we want text label only) */
body.sym-site header img.avatar,
body.sym-site .elementor-location-header img.avatar{
  display: none !important;
}

/* keep menu horizontal on desktop (avoid stacked items) */
@media (min-width: 769px){
  body.sym-site .elementor-location-header .elementor-nav-menu,
  body.sym-site .elementor-location-header .elementor-nav-menu--main .elementor-nav-menu{
    display: flex !important;
    flex-direction: row !important;
    gap: 18px !important;
    align-items: center !important;
  }
}

/* mobile: smaller logo */
@media (max-width: 768px){
  body.sym-site .elementor-location-header img,
  body.sym-site .elementor-location-header .elementor-widget-image img,
  body.sym-site header .custom-logo{
    max-height: 40px !important;
  }
}

/* Header logo sizing (prevent weird stretch) */
body.sym-site header img,
body.sym-site .site-header img,
body.sym-site .header img{
  max-width: 100%;
  height: auto;
}

/* Prevent accidental horizontal scroll caused by full-bleed sections */
html, body.sym-site{
  overflow-x: hidden;
}

/* Header underline: keep hover underline at same height as active underline */
body.sym-site header.site-header a,
body.sym-site .site-header a{
  position: relative;
}
body.sym-site header.site-header a::after,
body.sym-site .site-header a::after{
  /* many themes already create this underline; we only fix the vertical position */
  bottom: -6px !important;
}

/* Account icon + user name (Woostify header) */
body.sym-site .site-tools a.tools-icon.my-account-icon,
body.sym-site .site-tools a.my-account-icon{
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px;
}
body.sym-site .site-tools a.tools-icon.my-account-icon .sym-user-name,
body.sym-site .site-tools a.my-account-icon .sym-user-name{
  display: inline-block;
  font-size: 13.6px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--sym-text);
  opacity: .92;
  max-width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Theme-agnostic header account link */
header a[href*="my-account"]{
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
header a[href*="my-account"] .sym-user-name{
  display: inline-block;
  font-size: 13.6px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--sym-text);
  opacity: .92;
  max-width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ===============================
   TABURI GHICITORI / PROVOCĂRI
   =============================== */

.ghicitori-tabs {
  max-width: 1100px;
  margin: 0 auto 2.5rem;
  padding: 1.5rem 1.5rem 2rem;
  background: var(--sym-bg);
  border-radius: 16px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45);
  box-sizing: border-box;
}

/* top bar: tabs left, filters right (like mockup) */
.ghicitori-tabs__top{
  display:flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

@media (max-width: 900px){
  .ghicitori-tabs__top{ flex-direction: column; align-items: stretch; }
  .ghicitori-tabs__nav{ justify-content: center; }
}

.ghicitori-tabs__nav {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 4px;
  margin: 0 auto 1.5rem;
  border-radius: 999px;
  background: #1f1f1f;
  border: 1px solid var(--sym-accent);
}

/* In top row we don't want the nav centered with huge margins */
.ghicitori-tabs__top .ghicitori-tabs__nav{
  margin: 0;
}

/* butoane tab */

.ghicitori-tabs__btn {
  border: none;
  background: transparent;
  padding: 0.55rem 1.7rem;
  border-radius: 999px;
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--sym-gold-2);
  transition: all 0.15s ease;
  white-space: nowrap;
}

.ghicitori-tabs__btn:hover {
  color: #ffffff;
}

.ghicitori-tabs__btn--active {
  background: linear-gradient(135deg, var(--sym-gold-1), var(--sym-gold-2));
  color: #272626;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.6);
}

/* conținut taburi */

.ghicitori-tabs__content {
  margin-top: 0.5rem;
}

/* panelurile: doar cel cu --active e vizibil */

.ghicitori-tabs__panel {
  display: none;
}

.ghicitori-tabs__panel--active {
  display: block;
}

/* ===============================
   LISTĂ GHICITORI – GRID + CARDURI
   =============================== */

.ghicitori-list {
  margin-top: 0.5rem;
}

.ghicitori-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 28px;
}

.ghicitori-card {
  position: relative;
  /* closer to mock: slightly lighter panel, subtle border */
  background: rgba(28, 28, 28, 0.70);
  border-radius: 0;
  padding: 0;
  border: 1px solid rgba(197, 184, 143, 0.18);
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.50);
  display: grid;
  grid-template-columns: 141px 1fr;
  gap: 0;
  align-items: stretch;
  overflow: hidden;
  transition: transform .18s ease, border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
  min-height: 241px;
}

/* keep a "card" feel similar to the mockups (no extra override needed anymore) */

.ghicitori-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at top right, rgba(230, 221, 173, 0.2), transparent 60%);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.ghicitori-card:hover::before {
  opacity: 1;
}

/* Subtle hover: tiny lift + fine gold edge (matches the provided design) */
.ghicitori-card:hover{
  transform: translateY(-2px);
  border-color: rgba(230,221,173,0.38);
  background-color: rgba(0,0,0,0.34);
  box-shadow: 0 22px 70px rgba(0,0,0,0.55);
}

/* thumbnail: fixed column on left (avoid stretching)
   NOTE: we force sizing with !important because some themes apply global img rules */
.ghicitori-card__thumb{
  /* Design: imagine mai mare, tip "poster" pe stânga */
  flex: 0 0 141px;
  width: 141px;
  min-width: 141px;
  max-width: 141px;
  display: block !important;
  align-self: center;
  align-self: stretch;
  height: 241px;
  min-height: 241px;
  overflow: hidden;
  border: 0;
  background: rgba(0,0,0,0.25);
  line-height: 0;
}
.ghicitori-card__thumb img {
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  border-radius: 0 !important;
  border: 0 !important;
}

.ghicitori-card__body {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  justify-content: center;
  padding: 18px 22px;
}

.ghicitori-card__type {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--sym-gold-2);
  opacity: 0.9;
}

.ghicitori-card__title {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .06em;
}

.ghicitori-card__title a {
  color: var(--sym-text);
  text-decoration: none;
}

.ghicitori-card__title a:hover {
  color: var(--sym-gold-2);
}

.ghicitori-card__excerpt {
  font-size: 13px;
  color: rgba(244,244,244,0.82);
  opacity: 1;
  line-height: 1.45;
}

.ghicitori-card__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
  margin-top: 10px;
  margin-top: auto;
}

.ghicitori-card__price {
  font-size: 20.5px;
  font-weight: 700;
  color: rgba(230,221,173,0.95);
  letter-spacing: .06em;
}

.ghicitori-card__price em {
  font-style: normal;
  font-weight: 400;
  color: #cccccc;
}

/* buton Participă acum */

.ghicitori-card__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 22px;
  min-width: 170px;
  border-radius: 0;
  border: 1px solid rgba(197,184,143,0.45) !important;
  background: transparent !important;
  color: rgba(230,221,173,0.95) !important;
  font-weight: 800;
  font-size: 13.1px;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  text-decoration: none;
  cursor: pointer;
  box-shadow: none;
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

.ghicitori-card__btn:hover {
  background: rgba(197,184,143,.12);
  transform: translateY(-1px);
  filter: none;
  box-shadow: none !important;
}

.ghicitori-card__btn:active {
  transform: translateY(1px) scale(0.98);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.5);
}

/* ===============================
   FORMULAR RĂSPUNS PE PAGINA PROVOCĂRII
   =============================== */

.ghicitori-answer {
  margin-top: 2.5rem;
  padding: 1.6rem 1.4rem;
  border-radius: 16px;
  background: #1f1f1f;
  border: 1px solid rgba(197, 184, 143, 0.45);
  box-shadow: 0 16px 35px rgba(0, 0, 0, 0.55);
}

.ghicitori-answer-form label {
  display: block;
  font-weight: 600;
  margin-bottom: 0.45rem;
  color: var(--sym-gold-2);
  font-size: 0.95rem;
}

.ghicitori-answer-input {
  width: 100%;
  max-width: 420px;
  padding: 0.55rem 0.8rem;
  border-radius: 999px;
  border: 1px solid var(--sym-accent);
  background: #272626;
  color: var(--sym-text);
  font-size: 0.95rem;
  outline: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
  margin-bottom: 0.7rem;
}

.ghicitori-answer-input:focus {
  border-color: var(--sym-gold-2);
  box-shadow: 0 0 0 1px rgba(230, 221, 173, 0.7);
  background: #1f1f1f;
}

.ghicitori-answer-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.55rem 1.6rem;
  border-radius: 999px;
  border: none;
  background: linear-gradient(135deg, var(--sym-gold-1), var(--sym-gold-2));
  color: #272626;
  font-weight: 700;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.55);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.ghicitori-answer-submit:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.7);
}

.ghicitori-answer-submit:active {
  transform: translateY(1px) scale(0.98);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.5);
}

.ghicitori-answer-message {
  margin-top: 0.8rem;
  font-size: 0.9rem;
  color: var(--sym-text);
}

.ghicitori-answer-form--success .ghicitori-answer-message {
  color: #54e19f;
}

.ghicitori-answer-form--blocked .ghicitori-answer-message {
  color: #ff9b9b;
  font-weight: 600;
}

/* bloc rezultat final (după ce jocul e încheiat) */

.ghicitori-answer-result {
  margin-top: 2.5rem;
  padding: 1.6rem 1.4rem;
  border-radius: 16px;
  background: #201f1d;
  border: 1px solid rgba(197, 184, 143, 0.6);
  box-shadow: 0 16px 35px rgba(0, 0, 0, 0.55);
  font-size: 0.95rem;
  color: var(--sym-text);
}

.ghicitori-answer-result p {
  margin: 0.25rem 0;
}

.ghicitori-answer-result strong {
  color: var(--sym-gold-2);
}

/* ===============================
   TABEL „PARTICIPĂRILE MELE”
   =============================== */

.ghicitori-account {
  max-width: 1100px;
  margin: 0 auto 3rem;
  padding: 1.5rem;
  background: var(--sym-bg);
  border-radius: 16px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.5);
  color: var(--sym-text);
  box-sizing: border-box;
}

.ghicitori-account h2 {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  color: var(--sym-gold-2);
}

.ghicitori-account__table-wrapper {
  overflow-x: auto;
}

.ghicitori-account__table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 0.5rem;
  font-size: 0.9rem;
}

.ghicitori-account__table th,
.ghicitori-account__table td {
  padding: 0.6rem 0.75rem;
  border-bottom: 1px solid rgba(115, 111, 97, 0.5);
  text-align: left;
}

.ghicitori-account__table th {
  font-weight: 600;
  background: #1f1f1f;
  color: var(--sym-gold-2);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.78rem;
}

.ghicitori-account__table tr:nth-child(even) td {
  background: rgba(244, 244, 244, 0.02);
}

.ghicitori-account__table a {
  color: var(--sym-gold-2);
  text-decoration: none;
}

.ghicitori-account__table a:hover {
  text-decoration: underline;
}

/* ===============================
   DIVERSE
   =============================== */

.ghicitori-empty {
  font-style: italic;
  color: #c5c5c5;
  text-align: center;
  padding: 1rem 0;
}

/* Responsive */

@media (max-width: 768px) {
  .ghicitori-tabs {
    margin: 0 0 2rem;
    border-radius: 0;
    box-shadow: none;
    padding: 1.1rem 1rem 1.4rem;
  }

  .ghicitori-tabs__nav {
    width: 100%;
    justify-content: space-between;
  }

  .ghicitori-tabs__btn {
    flex: 1;
    text-align: center;
    padding-inline: 0.5rem;
  }

  .ghicitori-grid{ grid-template-columns: 1fr; gap: 18px; }
  .ghicitori-card{
    flex-direction: column;
    padding: 18px;
    gap: 14px;
  }
  .ghicitori-card__thumb img{
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
  }
  .ghicitori-card__btn{ width: 100%; min-width: 0; }
}

/* === TIMER GHICITORI / PROVOCĂRI === */

.ghicitori-timer {
  margin-top: 1.5rem;
}

.ghicitori-timer-view {
  display: inline-block;
  padding: 0.6rem 1rem;
  border-radius: 999px;
  background: #1f1f1f;
  border: 1px solid rgba(197,184,143,0.7);
  color: var(--sym-gold-2);
  font-weight: 600;
  font-size: 0.95rem;
  box-shadow: 0 8px 20px rgba(0,0,0,0.4);
}

/* === Badge status pe cardurile de ghicitori/provocări === */

.ghicitori-card {
  position: relative;
}

.ghicitori-card__badge {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 0.25rem 0.7rem;
  border-radius: 999px;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 600;
  background: #272626;
  border: 1px solid rgba(230, 221, 173, 0.6);
  color: #e6ddad;
}

/* varianta „Activ” */
.ghicitori-card__badge--active {
  background: #246b3b;
  border-color: #3fd67b;
  color: #f4f4f4;
}

/* varianta „Finalizat” */
.ghicitori-card__badge--finished {
  background: #4b3131;
  border-color: #ff9b9b;
  color: #ffecec;
}

/* varianta „În curând” */
.ghicitori-card__badge--upcoming {
  background: #33302a;
  border-color: rgba(197,184,143,0.8);
  color: #e6ddad;
}

/* === HERO STATUS + PREMIU PE PAGINA GHICITORII === */

.ghicitori-hero {
  margin-bottom: 1.5rem;
  padding: 1rem 1.4rem;
  border-radius: 16px;
  background: radial-gradient(circle at top, #37332a 0%, #272626 50%);
  border: 1px solid rgba(197,184,143,0.5);
  box-shadow: 0 14px 32px rgba(0,0,0,0.45);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.ghicitori-hero__status {
  padding: 0.35rem 0.9rem;
  border-radius: 999px;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-weight: 700;
  background: #33302a;
  border: 1px solid rgba(197,184,143,0.85);
  color: #e6ddad;
}

.ghicitori-hero__status--active {
  background: #246b3b;
  border-color: #3fd67b;
  color: #f4f4f4;
}

.ghicitori-hero__status--finished {
  background: #4b3131;
  border-color: #ff9b9b;
  color: #ffecec;
}

.ghicitori-hero__status--upcoming {
  background: #33302a;
  border-color: rgba(197,184,143,0.85);
  color: #e6ddad;
}

.ghicitori-hero__prize {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.1rem;
}

.ghicitori-hero__prize-label {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: #c5b88f;
  opacity: 0.9;
}

.ghicitori-hero__prize-value {
  font-size: 1.05rem;
  font-weight: 700;
  color: #e6ddad;
}

/* Text ghicitoare completă după finalizare */

.ghicitori-riddle-full {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
  padding: 1.2rem 1.2rem 1rem;
  border-radius: 14px;
  background: #201f1d;
  border: 1px solid rgba(197,184,143,0.4);
  box-shadow: 0 10px 24px rgba(0,0,0,0.5);
}

.ghicitori-riddle-full h3 {
  margin-top: 0;
  margin-bottom: 0.6rem;
  font-size: 1rem;
  color: #e6ddad;
}

.ghicitori-riddle-full p {
  margin: 0;
  font-size: 0.95rem;
  color: #f4f4f4;
}

/* Ajustare pe mobil */

@media (max-width: 768px) {
  .ghicitori-hero {
    align-items: flex-start;
  }
  .ghicitori-hero__prize {
    align-items: flex-start;
  }
}

/* === Rating cu stele === */

.ghicitori-rating {
  margin-top: 1.5rem;
  padding: 1rem 1.2rem;
  border-radius: 14px;
  background: #1f1f1f;
  border: 1px solid rgba(197,184,143,0.45);
  box-shadow: 0 10px 24px rgba(0,0,0,0.5);
}

.ghicitori-rating__title {
  font-size: 0.95rem;
  font-weight: 600;
  margin-bottom: 0.4rem;
  color: #e6ddad;
}

.ghicitori-rating__stars {
  display: inline-flex;
  gap: 4px;
  margin-bottom: 0.3rem;
}

.ghicitori-rating__star {
  border: none;
  background: transparent;
  padding: 0;
  font-size: 1.4rem;
  cursor: pointer;
  color: #555248;
  transition: color 0.15s ease, transform 0.15s ease;
}

.ghicitori-rating__star--filled {
  color: #e6ddad;
}

.ghicitori-rating__star:hover {
  transform: scale(1.1);
}

.ghicitori-rating__message {
  font-size: 0.85rem;
  color: #f4f4f4;
}

.ghicitori-rating__info {
  margin-top: 1rem;
  font-size: 0.85rem;
  color: #c5c5c5;
}

.ghicitori-rating__summary {
  margin-top: 0.8rem;
  font-size: 0.9rem;
  color: #e6ddad;
}

/* === Sortare + filtrare listă ghicitori === */

.ghicitori-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 0;
}

.ghicitori-controls__group {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.ghicitori-controls label {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #e6ddad;
  opacity: 0.9;
}

.ghicitori-controls select {
  min-width: 190px;
  padding: 0.55rem 1.0rem;
  border-radius: 0;
  border: 1px solid rgba(197,184,143,0.45);
  background: rgba(0,0,0,0.55);
  color: var(--sym-text);
  font-size: 0.9rem;
  outline: none;
  appearance: none;
}

.ghicitori-controls select:focus {
  border-color: var(--sym-gold-2);
  box-shadow: 0 0 0 1px rgba(230,221,173,0.6);
}

/* =========================================================
   HOME – card layout closer to the provided mockup (no big gray panel)
   Only affects the front page (body.home).
   ========================================================= */

body.home.sym-site .ghicitori-tabs{
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  max-width: 980px;
}

/* tighter top row like the mock (less vertical spacing) */
body.home.sym-site .ghicitori-tabs__top{ margin-bottom: 22px; }

/* Cards: more compact, flatter, subtle border */
body.home.sym-site .ghicitori-grid{ gap: 26px; }

body.home.sym-site .ghicitori-card{
  background: rgba(0,0,0,0.30);
  border: 1px solid rgba(197,184,143,0.22);
  border-radius: 6px;
  padding: 0;
  box-shadow: none;
  grid-template-columns: 220px 1fr !important;
  gap: 0;
  align-items: stretch;
}

/* remove the hover glow on home (mock is cleaner) */
body.home.sym-site .ghicitori-card::before{ display:none; }

body.home.sym-site .ghicitori-card__thumb{
  width: 220px !important;
  min-width: 220px !important;
  max-width: 220px !important;
  height: auto !important;          /* stretch with card height */
  min-height: 100% !important;
  border: none;
  background: transparent;
  position: relative;
  overflow: hidden;
}

/* full-bleed cover image + the fade into the body (like the mock) */
body.home.sym-site .ghicitori-card__thumb img{
  width: 100% !important;
  height: 100% !important;
  display: block;
  object-fit: cover;
  object-position: center;
}

/* Fade overlay (right edge + a subtle overall darkening for readability) */
body.home.sym-site .ghicitori-card__thumb::after{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(0,0,0,0) 55%, rgba(0,0,0,0.88) 100%),
    linear-gradient(180deg, rgba(0,0,0,0.18) 0%, rgba(0,0,0,0.38) 100%);
}

/* Home hover: a bit cleaner than global, but still with a fine gold accent */
body.home.sym-site .ghicitori-card:hover{
  border-color: rgba(230,221,173,0.32);
  box-shadow: 0 18px 60px rgba(0,0,0,0.48);
}

body.home.sym-site .ghicitori-card__body{
  padding: 22px 26px;
  gap: 8px;
}

/* Status: small text in the top-right (no pill) */
body.home.sym-site .ghicitori-card__badge{
  top: 12px;
  right: 14px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  font-size: 11px;
  letter-spacing: .04em;
  text-transform: none;
  opacity: .95;
}
body.home.sym-site .ghicitori-card__badge--active{ color: #3fd67b; }
body.home.sym-site .ghicitori-card__badge--finished{ color: #ff9b9b; }
body.home.sym-site .ghicitori-card__badge--upcoming{ color: rgba(230,221,173,0.85); }

/* Button + meta spacing (mock has button slightly lower) */
body.home.sym-site .ghicitori-card__meta{ margin-top: 14px; }
body.home.sym-site .ghicitori-card__btn{ min-width: 150px; padding: 10px 18px; }

@media (max-width: 820px){
  body.home.sym-site .ghicitori-card{
    grid-template-columns: 1fr;
  }
  body.home.sym-site .ghicitori-card__thumb{
    width: 100%;
    min-width: 0;
    max-width: none;
    height: 220px;
    min-height: 220px;
  }
}

@media (max-width: 768px) {
  .ghicitori-controls {
    flex-direction: column;
    align-items: stretch;
  }

  .ghicitori-controls select {
    width: 100%;
  }
}

/* === Câmpuri extra în Detalii cont === */

.ghicitori-account-extra {
  margin-top: 1.8rem;
  padding: 1.2rem 1.4rem 1.1rem;
  border-radius: 18px;
  background: #1b1b1b;
  border: 1px solid rgba(197,184,143,0.45);
  box-shadow: 0 14px 32px rgba(0,0,0,0.45);
}

.ghicitori-account-extra legend {
  padding: 0 0.4rem;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  color: #e6ddad;
}

.ghicitori-account-extra .form-row label {
  color: #f4f4f4;
}

.ghicitori-account-extra .input-text {
  background: #111;
  border-radius: 999px;
  border: 1px solid rgba(197,184,143,0.5);
  color: #f4f4f4;
  padding: 0.45rem 0.9rem;
}

.ghicitori-account-extra .input-text:focus {
  border-color: var(--sym-gold-2);
  box-shadow: 0 0 0 1px rgba(230,221,173,0.7);
}

/* Dropdown list pentru filtrul de status/sortare */
.ghicitori-controls select,
.ghicitori-controls select option {
  background: #111111;
  color: #f4f4f4;
}

/* când este deschis în Chrome/Edge/Firefox moderne */
.ghicitori-controls select:focus,
.ghicitori-controls select:active {
  background: #111111;
  color: #f4f4f4;
}

/* opțiuni la hover (unde este suportat) */
.ghicitori-controls select option:hover,
.ghicitori-controls select option:checked {
  background: #272626;
  color: #e6ddad;
}

/* === FAQ (accordion) === */

.sym-faq {
  max-width: 900px;
  margin: 3rem auto;
}

.sym-faq__title {
  font-size: 1.6rem;
  margin: 0 0 1.5rem;
  color: #f4f4f4;
  text-transform: uppercase;
  letter-spacing: 0.16em;
}

.sym-faq__items {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.sym-faq__item {
  border-radius: 18px;
  background: radial-gradient(circle at top left, #252422 0%, #151515 55%, #101010 100%);
  border: 1px solid rgba(197,184,143,0.5);
  box-shadow: 0 12px 30px rgba(0,0,0,0.65);
  overflow: hidden;
}

.sym-faq__question {
  width: 100%;
  padding: 0.9rem 1.2rem;
  background: transparent;
  border: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  color: #f4f4f4;
  font-size: 0.95rem;
  text-align: left;
}

.sym-faq__question span:first-child {
  padding-right: 0.75rem;
}

.sym-faq__icon {
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  border: 1px solid #e6ddad;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 16px;
  color: #e6ddad;
  transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.sym-faq__answer {
  display: none;
  padding: 0 1.2rem 0.9rem;
  font-size: 0.95rem;
  line-height: 1.6;
  color: #e0dfdf;
}

.sym-faq__answer p {
  margin: 0.3rem 0;
}

.sym-faq__item--active .sym-faq__answer {
  display: block;
}

.sym-faq__item--active .sym-faq__icon {
  background: #e6ddad;
  color: #272626;
  transform: rotate(45deg); /* plus devine un fel de X */
}

.sym-faq__question:hover .sym-faq__icon {
  box-shadow: 0 0 12px rgba(230,221,173,0.45);
}

@media (max-width: 768px) {
  .sym-faq {
    margin: 2rem 1rem;
  }
}

/* === About / Despre ShakeYourMind === */

.sym-about {
  max-width: 980px;
  margin: 3rem auto 4rem;
  padding: 0 1rem;
}

.sym-about__card {
  background: radial-gradient(circle at top left, #252422 0%, #151515 55%, #101010 100%);
  border-radius: 24px;
  border: 1px solid rgba(197,184,143,0.55);
  box-shadow: 0 24px 60px rgba(0,0,0,0.8);
  padding: 2.2rem 2.4rem 2.4rem;
}

.sym-about__title {
  margin: 0 0 1.6rem;
  font-size: 1.8rem;
  color: #f4f4f4;
  text-transform: uppercase;
  letter-spacing: 0.18em;
}

.sym-about__section {
  margin-bottom: 1.6rem;
  font-size: 0.96rem;
  line-height: 1.8;
  color: #e1e1e1;
}

.sym-about__section p {
  margin: 0 0 0.65rem;
}

.sym-about__section--highlight {
  margin-top: 1.4rem;
  padding-top: 1.2rem;
  border-top: 1px solid rgba(230,221,173,0.3);
}

.sym-about__section--highlight h2 {
  margin: 0 0 0.8rem;
  font-size: 1.1rem;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: #e6ddad;
}

.sym-about__list {
  list-style: none;
  margin: 0.6rem 0 0;
  padding: 0;
}

.sym-about__list li {
  position: relative;
  padding-left: 1.6rem;
  margin-bottom: 0.6rem;
}

.sym-about__list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.7rem;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(135deg, #c5b88f, #e6ddad);
  box-shadow: 0 0 10px rgba(230,221,173,0.6);
}

.sym-about__list strong {
  color: #f4f4f4;
}

@media (max-width: 768px) {
  .sym-about__card {
    padding: 1.6rem 1.4rem 1.9rem;
  }
}

/* === Termeni & Condiții === */

.sym-terms {
  max-width: 960px;
  margin: 3rem auto 4rem;
  padding: 0 1rem;
}

.sym-terms__card {
  background: radial-gradient(circle at top left, #252422 0%, #151515 55%, #101010 100%);
  border-radius: 24px;
  border: 1px solid rgba(197,184,143,0.55);
  box-shadow: 0 24px 60px rgba(0,0,0,0.8);
  padding: 2.2rem 2.4rem;
}

.sym-terms__title {
  margin: 0 0 0.4rem;
  font-size: 1.8rem;
  color: #f4f4f4;
  text-transform: uppercase;
  letter-spacing: 0.16em;
}

.sym-terms__subtitle {
  color: #e6ddad;
  margin: 0 0 1.8rem;
  letter-spacing: 0.08em;
  opacity: 0.85;
}

.sym-terms__section {
  margin-bottom: 1.9rem;
  line-height: 1.7;
  color: #ddd;
  font-size: 0.97rem;
}

.sym-terms__section h2 {
  color: #e6ddad;
  margin-bottom: 0.7rem;
  font-size: 1.1rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

.sym-terms__section h3 {
  color: #f4f4f4;
  margin-top: 1rem;
  font-size: 1rem;
}

.sym-terms__section ul {
  margin: 0.6rem 0 1rem;
  padding-left: 1.4rem;
}

.sym-terms__section li {
  margin-bottom: 0.5rem;
}

/* === Politica de Confidențialitate === */

.sym-privacy {
  max-width: 960px;
  margin: 3rem auto 4rem;
  padding: 0 1rem;
}

.sym-privacy__card {
  background: radial-gradient(circle at top left, #252422 0%, #151515 55%, #101010 100%);
  border-radius: 24px;
  border: 1px solid rgba(197,184,143,0.55);
  box-shadow: 0 24px 60px rgba(0,0,0,0.8);
  padding: 2.2rem 2.4rem;
}

.sym-privacy__title {
  margin: 0 0 0.4rem;
  font-size: 1.8rem;
  color: #f4f4f4;
  text-transform: uppercase;
  letter-spacing: 0.16em;
}

.sym-privacy__subtitle {
  color: #e6ddad;
  margin: 0 0 1.8rem;
  letter-spacing: 0.08em;
  opacity: 0.85;
}

.sym-privacy__section {
  margin-bottom: 1.9rem;
  line-height: 1.7;
  color: #ddd;
  font-size: 0.97rem;
}

.sym-privacy__section h2 {
  color: #e6ddad;
  margin-bottom: 0.7rem;
  font-size: 1.1rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

.sym-privacy__section ul {
  margin: 0.6rem 0 1rem;
  padding-left: 1.4rem;
}

.sym-privacy__section li {
  margin-bottom: 0.5rem;
}

@media (max-width: 768px) {
  .sym-privacy__card {
    padding: 1.6rem 1.4rem 1.9rem;
  }
}

/* === Politica de Cookie-uri === */

.sym-cookies {
  max-width: 960px;
  margin: 3rem auto 4rem;
  padding: 0 1rem;
}

.sym-cookies__card {
  background: radial-gradient(circle at top left, #252422 0%, #151515 55%, #101010 100%);
  border-radius: 24px;
  border: 1px solid rgba(197,184,143,0.55);
  box-shadow: 0 24px 60px rgba(0,0,0,0.8);
  padding: 2.2rem 2.4rem;
}

.sym-cookies__title {
  margin: 0 0 0.4rem;
  font-size: 1.8rem;
  color: #f4f4f4;
  text-transform: uppercase;
  letter-spacing: 0.16em;
}

.sym-cookies__subtitle {
  color: #e6ddad;
  margin: 0 0 1.8rem;
  letter-spacing: 0.08em;
  opacity: 0.85;
}

.sym-cookies__section {
  margin-bottom: 1.9rem;
  line-height: 1.7;
  color: #ddd;
  font-size: 0.97rem;
}

.sym-cookies__section h2 {
  color: #e6ddad;
  margin-bottom: 0.7rem;
  font-size: 1.1rem;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}

.sym-cookies__section h3 {
  color: #f4f4f4;
  margin-top: 1rem;
  font-size: 1rem;
}

.sym-cookies__section ul {
  margin: 0.6rem 0 1rem;
  padding-left: 1.4rem;
}

.sym-cookies__section li {
  margin-bottom: 0.5rem;
}

@media (max-width: 768px) {
  .sym-cookies__card {
    padding: 1.6rem 1.4rem 1.9rem;
  }
}

/* === Pagina Contact === */

.sym-contact {
  max-width: 900px;
  margin: 3rem auto 4rem;
  padding: 0 1rem;
}

.sym-contact__card {
  background: radial-gradient(circle at top left, #252422 0%, #151515 55%, #101010 100%);
  border-radius: 24px;
  border: 1px solid rgba(197,184,143,0.55);
  box-shadow: 0 24px 60px rgba(0,0,0,0.8);
  padding: 2.1rem 2.3rem 2.4rem;
}

.sym-contact__title {
  margin: 0 0 0.4rem;
  font-size: 1.8rem;
  color: #f4f4f4;
  text-transform: uppercase;
  letter-spacing: 0.16em;
}

.sym-contact__subtitle {
  color: #e6ddad;
  margin: 0 0 1.6rem;
  letter-spacing: 0.06em;
  font-size: 0.95rem;
  opacity: 0.9;
}

.sym-contact__notice {
  border-radius: 16px;
  padding: 0.8rem 1rem;
  margin-bottom: 1.1rem;
  font-size: 0.9rem;
  line-height: 1.5;
}

.sym-contact__notice--success {
  background: rgba(120, 199, 135, 0.09);
  border: 1px solid rgba(120, 199, 135, 0.6);
  color: #d8f9df;
}

.sym-contact__notice--error {
  background: rgba(220, 90, 90, 0.09);
  border: 1px solid rgba(220, 90, 90, 0.7);
  color: #ffd7d7;
}

.sym-contact__notice ul {
  margin: 0;
  padding-left: 1.1rem;
}

.sym-contact__form {
  margin-top: 0.7rem;
}

.sym-contact__row {
  display: flex;
  gap: 1rem;
  margin-bottom: 1rem;
}

.sym-contact__field {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.sym-contact__field--full {
  flex: 1 1 100%;
}

.sym-contact__field label {
  color: #f4f4f4;
  font-size: 0.9rem;
  margin-bottom: 0.35rem;
}

.sym-contact__req {
  color: #ffb3b3;
  margin-left: 3px;
}

.sym-contact__field input,
.sym-contact__field textarea {
  background: #111;
  border-radius: 999px;
  border: 1px solid rgba(197,184,143,0.6);
  color: #f4f4f4;
  padding: 0.55rem 0.9rem;
  font-size: 0.95rem;
  outline: none;
}

.sym-contact__field textarea {
  border-radius: 18px;
  resize: vertical;
  min-height: 150px;
}

.sym-contact__field input:focus,
.sym-contact__field textarea:focus {
  border-color: #e6ddad;
  box-shadow: 0 0 0 1px rgba(230,221,173,0.7);
}

.sym-contact__row--gdpr {
  margin-top: 0.3rem;
}

.sym-contact__gdpr-label {
  display: flex;
  align-items: flex-start;
  gap: 0.55rem;
  font-size: 0.85rem;
  color: #dcdcdc;
}

.sym-contact__gdpr-label input[type="checkbox"] {
  margin-top: 0.15rem;
}

.sym-contact__gdpr-label a {
  color: #e6ddad;
  text-decoration: underline;
}

.sym-contact__actions {
  margin-top: 0.6rem;
  text-align: right;
}

.sym-contact__submit {
  background: linear-gradient(135deg, #c5b88f, #e6ddad);
  color: #272626;
  border-radius: 999px;
  border: none;
  padding: 0.55rem 1.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 0.85rem;
  cursor: pointer;
  box-shadow: 0 14px 32px rgba(0,0,0,0.7);
}

.sym-contact__submit:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 38px rgba(0,0,0,0.85);
}

@media (max-width: 768px) {
  .sym-contact__card {
    padding: 1.7rem 1.4rem 2.1rem;
  }
  .sym-contact__row {
    flex-direction: column;
  }
}

/* === Single Ghicitoare / Provocare (layout joc) === */

.sym-riddle {
  max-width: 980px;
  margin: 2.5rem auto 4rem;
  padding: 0 1rem;
}

.sym-riddle__card {
  background: radial-gradient(circle at top left, #252422 0%, #151515 55%, #101010 100%);
  border-radius: 24px;
  border: 1px solid rgba(197,184,143,0.55);
  box-shadow: 0 24px 60px rgba(0,0,0,0.8);
  padding: 2.1rem 2.3rem 2.4rem;
}

/* cover image (featured image) inside card */
.sym-riddle__cover{
  width: 100%;
  margin: 0 0 1.4rem;
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(197,184,143,0.22);
  background: rgba(0,0,0,0.28);
  box-shadow: 0 22px 70px rgba(0,0,0,0.45);
}

.sym-riddle__cover-img{
  display: block;
  width: 100%;
  height: auto;
  max-height: 360px;
  object-fit: cover;
}

/* top */

.sym-riddle__top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1.5rem;
  margin-bottom: 1.4rem;
}

.sym-riddle__type {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: #e6ddad;
  opacity: 0.85;
  margin-bottom: 0.3rem;
}

.sym-riddle__heading {
  margin: 0;
  font-size: 1.6rem;
  color: #f4f4f4;
}

.sym-riddle__top-right {
  text-align: right;
}

/* badge + timer */

.sym-riddle__badge {
  display: inline-block;
  padding: 0.25rem 0.9rem;
  border-radius: 999px;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  margin-bottom: 0.45rem;
  border: 1px solid rgba(230,221,173,0.8);
}

.sym-riddle__badge--upcoming {
  background: rgba(230,221,173,0.05);
  color: #e6ddad;
}

.sym-riddle__badge--active {
  background: rgba(86, 214, 150, 0.2);
  border-color: rgba(86,214,150,0.9);
  color: #d7ffe9;
}

.sym-riddle__badge--finished {
  background: rgba(220, 90, 90, 0.2);
  border-color: rgba(220, 90, 90, 0.9);
  color: #ffd7d7;
}

.sym-riddle__timer {
  font-size: 0.8rem;
  color: #d4d4d4;
}

.sym-riddle__timer-label {
  opacity: 0.75;
  margin-right: 0.3rem;
}

.sym-riddle__timer-value {
  color: #e6ddad;
}

/* meta */

.sym-riddle__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.5rem;
  margin-bottom: 1.2rem;
  padding: 0.9rem 1rem;
  border-radius: 18px;
  background: rgba(0,0,0,0.35);
}

.sym-riddle__meta-item {
  min-width: 140px;
}

.sym-riddle__meta-label {
  display: block;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: #b0aea7;
  margin-bottom: 0.15rem;
}

.sym-riddle__meta-value {
  font-size: 0.95rem;
  color: #f4f4f4;
}

/* stele complexitate */

.sym-riddle__stars {
  display: inline-flex;
  gap: 3px;
}

.sym-riddle__star {
  font-size: 1rem;
  color: #3b3b3b;
}

.sym-riddle__star--filled {
  color: #e6ddad;
}

/* disclaimer */

.sym-riddle__disclaimer {
  margin-bottom: 1.4rem;
  padding: 0.7rem 1rem;
  border-radius: 16px;
  background: rgba(0,0,0,0.4);
  border: 1px dashed rgba(230,221,173,0.5);
  font-size: 0.9rem;
  color: #e0dfdf;
}

/* descriere */

.sym-riddle__body {
  margin-bottom: 1.6rem;
}

.sym-riddle__body-title {
  margin: 0 0 0.4rem;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: #e6ddad;
}

.sym-riddle__content {
  font-size: 0.96rem;
  line-height: 1.8;
  color: #e1e1e1;
}

.sym-riddle__content p:last-child {
  margin-bottom: 0;
}

/* zona joc / participare */

.sym-riddle__play {
  border-top: 1px solid rgba(230,221,173,0.25);
  padding-top: 1.1rem;
}

.sym-riddle__participation {
  margin-top: 0.9rem;
  text-align: right;
}

.sym-riddle__participation-btn {
  display: inline-block;
  background: linear-gradient(135deg, #c5b88f, #e6ddad);
  color: #272626;
  border-radius: 999px;
  padding: 0.6rem 1.8rem;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  box-shadow: 0 14px 32px rgba(0,0,0,0.7);
}

.sym-riddle__participation-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 38px rgba(0,0,0,0.85);
}

@media (max-width: 768px) {
  .sym-riddle__card {
    padding: 1.7rem 1.4rem 2.1rem;
  }
  .sym-riddle__cover{
    border-radius: 18px;
  }
  .sym-riddle__cover-img{
    max-height: 240px;
  }
  .sym-riddle__top {
    flex-direction: column;
    align-items: flex-start;
  }
  .sym-riddle__top-right {
    text-align: left;
  }
}

.sym-riddle-box{
  margin-top: 1rem;
  padding: 1rem 1.1rem;
  border-radius: 18px;
  background: rgba(0,0,0,0.35);
  border: 1px solid rgba(197,184,143,0.45);
  color: #f4f4f4;
}
.sym-riddle-box--warn{ border-color: rgba(220,90,90,0.75); }
.sym-riddle-box--info{ border-color: rgba(230,221,173,0.7); }
.sym-riddle-box--ok{ border-color: rgba(86,214,150,0.75); }

.sym-riddle-cta{
  display:inline-block;
  background: linear-gradient(135deg, #c5b88f, #e6ddad);
  /* must override global body.sym-site a color (gold) */
  color:#272626 !important;
  border-radius:999px;
  padding:0.6rem 1.6rem;
  font-weight:700;
  letter-spacing:0.12em;
  text-transform:uppercase;
  box-shadow: 0 14px 32px rgba(0,0,0,0.7);
}
.sym-riddle-cta:hover{ transform: translateY(-1px); }

/* === Formular răspuns === */
.sym-answer{
  margin-top: 0.6rem;
  padding: 1rem 1.1rem;
  border-radius: 18px;
  background: rgba(0,0,0,0.35);
  border: 1px solid rgba(197,184,143,0.45);
}
.sym-answer__head{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-bottom:10px;
}
.sym-answer__note{
  font-size: 0.82rem;
  color: #e6ddad;
  opacity: 0.9;
  letter-spacing: 0.06em;
}
.sym-answer__row{
  display:flex;
  gap:10px;
  align-items:center;
}
.sym-answer__input{
  flex:1;
  background:#111;
  border-radius: 999px;
  border: 1px solid rgba(197,184,143,0.6);
  color:#f4f4f4;
  padding:0.6rem 0.9rem;
  outline:none;
}
.sym-answer__input:focus{
  border-color:#e6ddad;
  box-shadow: 0 0 0 1px rgba(230,221,173,0.65);
}
.sym-answer__btn{
  background: linear-gradient(135deg, #c5b88f, #e6ddad);
  color:#272626;
  border:none;
  border-radius:999px;
  padding:0.62rem 1.4rem;
  font-weight:700;
  letter-spacing:0.12em;
  text-transform:uppercase;
  cursor:pointer;
  box-shadow: 0 14px 32px rgba(0,0,0,0.7);
}
.sym-answer__btn:hover{ transform: translateY(-1px); }

@media (max-width: 768px){
  .sym-answer__row{ flex-direction:column; align-items:stretch; }
  .sym-answer__btn{ width:100%; text-align:center; }
}

.sym-rating {
    margin-top: 24px;
    padding: 16px;
    background: #0f0f0f;
    border-radius: 10px;
    color: #f4f4f4;
    text-align: center;
}

.sym-rating__title {
    font-weight: 600;
    margin-bottom: 8px;
}

.sym-rating__stars {
    font-size: 28px;
    cursor: pointer;
}

.sym-star {
    color: #555;
    margin: 0 3px;
    transition: transform .15s ease, color .15s ease;
}

.sym-star:hover {
    transform: scale(1.2);
}

.sym-star.is-active {
    color: #c5b88f;
}

.sym-rating__meta {
    font-size: 13px;
    opacity: .85;
    margin-top: 6px;
}

.sym-rating__msg {
    margin-top: 8px;
    font-size: 13px;
    color: #9be59b;
}

/* =========================================================
   FORMS + INPUTS (global) – dark theme friendly
   ========================================================= */
:root{
  --sym-bg: #1f1f1f;
  --sym-bg-2: #262626;
  --sym-text: #f4f4f4;
  --sym-text-2: rgba(244,244,244,.78);
  --sym-border: rgba(230,221,173,.28);
  --sym-border-2: rgba(230,221,173,.42);
  --sym-gold: #c5b88f;
  --sym-gold-2:#e6ddad;
}

input,
select,
textarea,
.woocommerce input.input-text,
.woocommerce textarea,
.woocommerce select,
.woocommerce-page input.input-text,
.woocommerce-page textarea,
.woocommerce-page select{
  background: rgba(0,0,0,.35) !important;
  color: var(--sym-text) !important;
  border: 1px solid var(--sym-border) !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  outline: none !important;
  box-shadow: none !important;
  transition: border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

input:focus,
select:focus,
textarea:focus,
.woocommerce input.input-text:focus,
.woocommerce textarea:focus,
.woocommerce select:focus{
  border-color: var(--sym-border-2) !important;
  box-shadow: 0 0 0 3px rgba(197,184,143,.18) !important;
  background: rgba(0,0,0,.45) !important;
}

input::placeholder,
textarea::placeholder{
  color: rgba(244,244,244,.45) !important;
}

.woocommerce form .form-row label,
.woocommerce-page form .form-row label,
.woocommerce-account .woocommerce form label,
.woocommerce-checkout .woocommerce form label{
  color: var(--sym-text-2) !important;
  font-weight: 600;
  letter-spacing: .02em;
}

.woocommerce form .form-row .required{
  color: var(--sym-gold-2) !important;
}

.woocommerce form .form-row span.description,
.woocommerce-page form .form-row span.description{
  color: rgba(244,244,244,.6) !important;
}

/* Checkbox / radio on dark */
.woocommerce input[type="checkbox"],
.woocommerce input[type="radio"]{
  accent-color: var(--sym-gold) !important;
}

/* Notices (errors/success) – keep readable on dark */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error{
  border-radius: 14px !important;
  background: rgba(0,0,0,.35) !important;
  color: var(--sym-text) !important;
  border: 1px solid rgba(230,221,173,.22) !important;
}
.woocommerce-error li,
.woocommerce-message,
.woocommerce-info{
  color: var(--sym-text) !important;
}


/* =========================================================
   MY ACCOUNT layout polish (menu + content)
   ========================================================= */
.woocommerce-account .woocommerce{
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 26px;
}

@media (max-width: 900px){
  .woocommerce-account .woocommerce{
    grid-template-columns: 1fr;
  }
}

/* Left navigation */
.woocommerce-MyAccount-navigation{
  background: rgba(0,0,0,.25);
  border: 1px solid var(--sym-border);
  border-radius: 18px;
  padding: 14px;
}

.woocommerce-MyAccount-navigation ul{
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Ascundem iconițele implicite ale temei (dacă sunt injectate în link) */
body.sym-site .woocommerce-MyAccount-navigation li a i,
body.sym-site .woocommerce-MyAccount-navigation li a svg,
body.sym-site .woocommerce-MyAccount-navigation li a .dashicons{
  display: none !important;
}

.woocommerce-MyAccount-navigation li a{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  color: rgba(244,244,244,.82) !important;
  text-decoration: none !important;
  transition: background .15s ease, color .15s ease, transform .15s ease;
}

.woocommerce-MyAccount-navigation li a::before{
  content: "";
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  background: var(--sym-gold-2);
  -webkit-mask: var(--sym-acc-icon) center / contain no-repeat;
  mask: var(--sym-acc-icon) center / contain no-repeat;
  opacity: .95;
}

/* Individual icons per endpoint */
.woocommerce-MyAccount-navigation-link--edit-account a{ --sym-acc-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a5 5 0 1 0-5-5a5 5 0 0 0 5 5Zm0 2c-5 0-9 2.5-9 5v1h18v-1c0-2.5-4-5-9-5Z'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--participari a{ --sym-acc-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 4h16v4h-2V6H6v2H4V4Zm0 6h16v10H4V10Zm4 2v2h8v-2H8Zm0 4v2h6v-2H8Z'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--castiguri a{ --sym-acc-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M18 2H6v3H3v3a5 5 0 0 0 5 5h.1A6 6 0 0 0 11 16.7V19H7v3h10v-3h-4v-2.3A6 6 0 0 0 15.9 13H16a5 5 0 0 0 5-5V5h-3V2Zm-12 9A3 3 0 0 1 3 8V7h3v4Zm15-3a3 3 0 0 1-3 3V7h3v1Z'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--date-bancare a{ --sym-acc-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6Zm3-1a1 1 0 0 0-1 1v1h16V6a1 1 0 0 0-1-1H6Zm15 6H5v7a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-7ZM7 16h4v2H7v-2Z'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--stergere-cont a{ --sym-acc-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 3h6l1 2h4v2H4V5h4l1-2Zm1 6h2v10h-2V9Zm4 0h2v10h-2V9ZM7 9h2v10H7V9Z'/%3E%3C/svg%3E"); }
.woocommerce-MyAccount-navigation-link--customer-logout a{ --sym-acc-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10 3h10v18H10v-3h2v1h6V5h-6v1h-2V3Zm-1 6 4 3-4 3v-2H3v-2h6V9Z'/%3E%3C/svg%3E"); }

.woocommerce-MyAccount-navigation li a:hover{
  background: rgba(197,184,143,.10);
  color: var(--sym-text) !important;
  transform: none;
}

.woocommerce-MyAccount-navigation li.is-active a{
  background: rgba(197,184,143,.18);
  border: 1px solid rgba(230,221,173,.32);
  color: var(--sym-text) !important;
}

/* Right content panel */
.woocommerce-MyAccount-content{
  background: rgba(0,0,0,.20);
  border: 1px solid var(--sym-border);
  border-radius: 18px;
  padding: 18px;
}

/* Fix fieldsets spacing */
.woocommerce-account fieldset{
  border: 1px solid rgba(230,221,173,.22) !important;
  border-radius: 16px !important;
  padding: 14px 14px 6px !important;
}
.woocommerce-account legend{
  color: var(--sym-gold-2) !important;
  padding: 0 8px !important;
}


/* =========================================================
   CHECKOUT (inputs + order summary)
   ========================================================= */
.woocommerce-checkout #customer_details,
.woocommerce-checkout .woocommerce-checkout-review-order{
  background: rgba(0,0,0,.20);
  border: 1px solid var(--sym-border);
  border-radius: 18px;
  padding: 18px;
}

.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td{
  color: var(--sym-text) !important;
  border-color: rgba(230,221,173,.14) !important;
}

.woocommerce-checkout-review-order-table .product-name,
.woocommerce-checkout-review-order-table .product-total{
  color: rgba(244,244,244,.88) !important;
}

.woocommerce-checkout-review-order-table tfoot th,
.woocommerce-checkout-review-order-table tfoot td{
  color: rgba(244,244,244,.85) !important;
}

/* “Adaugă cupon” toggle area */
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info{
  background: rgba(0,0,0,.25) !important;
  border-color: rgba(230,221,173,.22) !important;
}


/* =========================================================
   MINI CART / CART SIDEBAR (widget_shopping_cart + mini cart)
   ========================================================= */
/* Container (works for most themes) */
.woocommerce.widget_shopping_cart,
.widget_shopping_cart,
.widget_shopping_cart_content,
.woocommerce-mini-cart{
  color: var(--sym-text) !important;
}

/* If theme uses a drawer that injects widget_shopping_cart in a panel */
.widget_shopping_cart_content{
  background: rgba(0,0,0,.92) !important;
}

.woocommerce-mini-cart,
.woocommerce.widget_shopping_cart .cart_list{
  margin: 0 !important;
  padding: 0 !important;
}

.woocommerce-mini-cart-item,
.woocommerce.widget_shopping_cart .cart_list li{
  display: grid;
  grid-template-columns: 56px 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 12px 10px !important;
  border-bottom: 1px solid rgba(230,221,173,.14) !important;
}

.woocommerce-mini-cart-item a,
.woocommerce.widget_shopping_cart .cart_list li a{
  color: rgba(244,244,244,.88) !important;
  text-decoration: none !important;
}

.woocommerce-mini-cart-item a:hover,
.woocommerce.widget_shopping_cart .cart_list li a:hover{
  color: var(--sym-gold-2) !important;
}

.woocommerce-mini-cart-item .quantity,
.woocommerce.widget_shopping_cart .quantity{
  color: rgba(244,244,244,.72) !important;
}

.woocommerce-mini-cart-item img,
.woocommerce.widget_shopping_cart .cart_list li img{
  width: 56px !important;
  height: 56px !important;
  object-fit: cover !important;
  border-radius: 12px !important;
  border: 1px solid rgba(230,221,173,.20) !important;
  background: rgba(255,255,255,.03);
}

/* Remove (x) */
.woocommerce-mini-cart-item a.remove,
.woocommerce.widget_shopping_cart a.remove{
  color: rgba(244,244,244,.65) !important;
  background: rgba(255,255,255,.06) !important;
  border-radius: 999px !important;
  width: 28px !important;
  height: 28px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(230,221,173,.14) !important;
}
.woocommerce-mini-cart-item a.remove:hover,
.woocommerce.widget_shopping_cart a.remove:hover{
  color: #fff !important;
  background: rgba(255,80,80,.22) !important;
  border-color: rgba(255,80,80,.35) !important;
}

/* Totals + buttons */
.woocommerce.widget_shopping_cart .total,
.widget_shopping_cart_content .total{
  padding: 12px 10px !important;
  margin: 0 !important;
  border-top: 1px solid rgba(230,221,173,.14) !important;
  color: rgba(244,244,244,.88) !important;
}
.woocommerce.widget_shopping_cart .buttons,
.widget_shopping_cart_content .buttons{
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  padding: 12px 10px 14px !important;
  margin: 0 !important;
}

/* make mini-cart buttons match gold theme */
.woocommerce.widget_shopping_cart .buttons a,
.widget_shopping_cart_content .buttons a{
  border-radius: 999px !important;
  border: 1px solid rgba(230,221,173,.22) !important;
  background: rgba(0,0,0,.35) !important;
  color: var(--sym-text) !important;
  padding: 12px 14px !important;
  text-align: center;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.woocommerce.widget_shopping_cart .buttons a.checkout,
.widget_shopping_cart_content .buttons a.checkout{
  background: linear-gradient(135deg, var(--sym-gold), var(--sym-gold-2)) !important;
  color: #272626 !important;
  border: none !important;
}

/* =========================================================
   LOGIN + LOST PASSWORD: center + better contrast
   ========================================================= */
.woocommerce-account .woocommerce form.login,
.woocommerce-account .woocommerce form.lost_reset_password{
  background: rgba(0,0,0,.20);
  border: 1px solid var(--sym-border);
  border-radius: 18px;
  padding: 18px;
}

/* The dotted box from some themes (remove harsh border) */
.woocommerce-account .woocommerce form.login{
  outline: none !important;
}
.woocommerce-account .woocommerce form.login,
.woocommerce-account .woocommerce form.lost_reset_password{
  box-shadow: 0 18px 40px rgba(0,0,0,.35);
}

/* Ensure text in “Ai uitat parola” page is readable */
.woocommerce-account .woocommerce,
.woocommerce-account .woocommerce p,
.woocommerce-account .woocommerce label{
  color: rgba(244,244,244,.85);
}

/***************************************************
 * FIX LOGIN (WooCommerce My Account) – layout + input/button
 ***************************************************/
.woocommerce-account .woocommerce,
.woocommerce-account .woocommerce .woocommerce-MyAccount-content,
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation {
  box-sizing: border-box;
}

.woocommerce-account .woocommerce {
  width: min(1100px, 92vw);
  margin: 0 auto;
}

/* Containerul de login/register să nu mai fie „tub” îngust */
.woocommerce-account .woocommerce-form-login,
.woocommerce-account .woocommerce-form-register {
  width: min(520px, 92vw) !important;
  margin: 40px auto !important;
  padding: 22px 22px 18px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(197,184,143,0.35) !important;
  background: rgba(20,20,20,0.55) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,0.45) !important;
}

/* Titluri / text */
.woocommerce-account .woocommerce-form-login label,
.woocommerce-account .woocommerce-form-register label,
.woocommerce-account .woocommerce-form-login p,
.woocommerce-account .woocommerce-form-register p {
  color: #f4f4f4 !important;
}

/* Inputuri full width */
.woocommerce-account .woocommerce-form-login .input-text,
.woocommerce-account .woocommerce-form-register .input-text {
  width: 100% !important;
  max-width: 100% !important;
  background: rgba(0,0,0,0.55) !important;
  color: #f4f4f4 !important;
  border: 1px solid rgba(197,184,143,0.35) !important;
  border-radius: 12px !important;
  padding: 12px 14px !important;
  outline: none !important;
}

.woocommerce-account .woocommerce-form-login .input-text::placeholder,
.woocommerce-account .woocommerce-form-register .input-text::placeholder {
  color: rgba(244,244,244,0.55) !important;
}

/* Checkbox + “Ține-mă minte” să stea pe un singur rând */
.woocommerce-account .woocommerce-form-login .woocommerce-form__label-for-checkbox {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 12px 0 16px !important;
}

.woocommerce-account .woocommerce-form-login .woocommerce-form__label-for-checkbox input[type="checkbox"]{
  width: 18px !important;
  height: 18px !important;
}

/* Buton login – să nu se mai rupă “AUTENTIFICARE” pe vertical */
.woocommerce-account .woocommerce-form-login button,
.woocommerce-account .woocommerce-form-register button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  letter-spacing: 0.12em !important;
  line-height: 1.1 !important;
  padding: 12px 18px !important;
}

/* Link “Ai uitat parola?” */
.woocommerce-account .woocommerce-form-login .lost_password a {
  color: #c5b88f !important;
  text-decoration: none !important;
}
.woocommerce-account .woocommerce-form-login .lost_password a:hover {
  text-decoration: underline !important;
}

/***************************************************
 * MINI CART (drawer/sidebar) – background negru + text vizibil
 * (targetează mai multe variante de mini cart din teme/plugins)
 ***************************************************/

/* Variante comune WooCommerce mini cart */
.woocommerce .widget_shopping_cart,
.woocommerce .widget_shopping_cart_content,
.woocommerce .cart-panel,
.woocommerce .cart-drawer,
.woocommerce .site-header-cart,
.woocommerce .woocommerce-mini-cart,
.woocommerce .woocommerce-mini-cart__total,
.woocommerce .woocommerce-mini-cart__buttons {
  color: #f4f4f4;
}

/* Fundal + border pentru drawer / panel (dacă există) */
.woocommerce .cart-panel,
.woocommerce .cart-drawer,
.woocommerce .widget_shopping_cart,
.woocommerce .widget_shopping_cart_content {
  background: rgba(18,18,18,0.96) !important;
  border-left: 1px solid rgba(197,184,143,0.28) !important;
}

/* Lista produse */
.woocommerce .woocommerce-mini-cart {
  padding: 14px 14px 8px !important;
}

.woocommerce .woocommerce-mini-cart-item {
  display: grid !important;
  grid-template-columns: 56px 1fr auto !important;
  gap: 12px !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid rgba(197,184,143,0.18) !important;
}

.woocommerce .woocommerce-mini-cart-item a {
  color: #f4f4f4 !important;
  text-decoration: none !important;
}
.woocommerce .woocommerce-mini-cart-item a:hover {
  color: #e6ddad !important;
}

/* Prețuri / cantitate */
.woocommerce .woocommerce-mini-cart-item .quantity,
.woocommerce .woocommerce-mini-cart-item .amount,
.woocommerce .woocommerce-mini-cart__total .amount {
  color: #e6ddad !important;
  font-weight: 700 !important;
}

/* Thumbnail */
.woocommerce .woocommerce-mini-cart-item img {
  width: 56px !important;
  height: 56px !important;
  object-fit: cover !important;
  border-radius: 10px !important;
  border: 1px solid rgba(197,184,143,0.25) !important;
  background: rgba(0,0,0,0.25) !important;
}

/* Total */
.woocommerce .woocommerce-mini-cart__total {
  padding: 12px 14px !important;
  margin: 0 !important;
  border-top: 1px solid rgba(197,184,143,0.22) !important;
}

/* Butoane mini-cart (Vezi coșul / Finalizare) */
.woocommerce .woocommerce-mini-cart__buttons {
  padding: 10px 14px 14px !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

.woocommerce .woocommerce-mini-cart__buttons a.button,
.woocommerce .woocommerce-mini-cart__buttons a.checkout {
  width: 100% !important;
  text-align: center !important;
  white-space: nowrap !important;
  border-radius: 999px !important;
  padding: 12px 18px !important;
  border: none !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

/* “Vezi coșul” – stil outline gold */
.woocommerce .woocommerce-mini-cart__buttons a.button:not(.checkout) {
  background: transparent !important;
  color: #e6ddad !important;
  border: 1px solid rgba(197,184,143,0.55) !important;
}

/* “Finalizare” – gradient gold ca butoanele tale */
.woocommerce .woocommerce-mini-cart__buttons a.checkout {
  background: linear-gradient(135deg, var(--sym-gold-1), var(--sym-gold-2)) !important;
  color: #272626 !important;
  box-shadow: 0 10px 24px rgba(0,0,0,0.55) !important;
}

/***************************************************
 * CHECKOUT – placeholder/text vizibil în inputuri (dacă mai ai zone albe)
 ***************************************************/
.woocommerce-checkout .input-text,
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="password"],
.woocommerce-checkout textarea,
.woocommerce-checkout select {
  background: rgba(0,0,0,0.55) !important;
  color: #f4f4f4 !important;
  border: 1px solid rgba(197,184,143,0.35) !important;
  border-radius: 12px !important;
}

.woocommerce-checkout .input-text::placeholder,
.woocommerce-checkout textarea::placeholder {
  color: rgba(244,244,244,0.55) !important;
}

/* Labels */
.woocommerce-checkout label {
  color: #f4f4f4 !important;
}

.sym-login-register-link .sym-register-btn{
  width:100% !important;
  display:inline-flex !important;
  justify-content:center !important;
  align-items:center !important;
  border-radius:999px !important;
  padding:12px 18px !important;
  font-weight:800 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;

  background:transparent !important;
  color:#e6ddad !important;
  border:1px solid rgba(197,184,143,.55) !important;
}
.sym-login-register-link .sym-register-btn:hover{
  background:rgba(197,184,143,.12) !important;
}

/* =========================================================
   MY ACCOUNT (custom template) – "old" centered login
   ========================================================= */
.woocommerce-account .sym-auth{
  min-height: 60vh;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-left:auto;
  margin-right:auto;
  padding: 40px 0;
}

.woocommerce-account .sym-auth__inner{
  width: min(520px, 92vw);
  margin: 0 auto;
  padding: 26px 26px 22px;
  border-radius: 18px;
  border: 1px solid rgba(197,184,143,0.35);
  background: rgba(20,20,20,0.55);
  box-shadow: 0 18px 40px rgba(0,0,0,0.45);
}

.woocommerce-account .sym-auth__title{
  margin: 0 0 18px;
  text-align:center;
  color: #e6ddad;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 800;
}

/* în template-ul custom nu vrem margin-top default */
.woocommerce-account .sym-auth .woocommerce-form-login,
.woocommerce-account .sym-auth .woocommerce-form-register{
  margin: 0 !important;
  width: 100% !important;
}

.woocommerce-account .sym-auth__cta{
  margin-top: 18px;
  text-align: center;
}
.woocommerce-account .sym-auth__cta-text{
  margin-bottom: 10px;
  opacity: .9;
}
.woocommerce-account .sym-auth__cta-btn{
  width:100% !important;
  display:inline-flex !important;
  justify-content:center !important;
  align-items:center !important;
  border-radius:999px !important;
  padding:12px 18px !important;
  font-weight:800 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;

  background:transparent !important;
  color:#e6ddad !important;
  border:1px solid rgba(197,184,143,.55) !important;
}
.woocommerce-account .sym-auth__cta-btn:hover{
  background:rgba(197,184,143,.12) !important;
}

.woocommerce-account .sym-auth__switch{
  margin-top: 16px;
  text-align:center;
}
.woocommerce-account .sym-auth__link{
  color: #c5b88f !important;
  text-decoration: none !important;
}
.woocommerce-account .sym-auth__link:hover{
  text-decoration: underline !important;
}

/* =========================================================
   MY ACCOUNT (new frame) – centered in a "square" frame + background
   (match reference design: black bg, thin gold frame, sharp corners)
   ========================================================= */

.woocommerce-account .sym-auth-page{
  min-height: 78vh;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-left:auto;
  margin-right:auto;
  padding: 86px 18px;
  position: relative;
  background: #000;
  font-family: Montserrat, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  box-sizing: border-box;
}

/* Break out of common theme containers (so the black bg + image is full width) */
body.woocommerce-account.sym-site .sym-auth-page{
  /* Safer full-width: no 100vw trick (prevents horizontal shifts on some themes/browsers) */
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body.woocommerce-account{
  overflow-x: hidden;
}

/* Extra safety: neutralize theme transforms/offsets on account auth pages */
body.woocommerce-account.sym-site #page,
body.woocommerce-account.sym-site .site,
body.woocommerce-account.sym-site .site-content,
body.woocommerce-account.sym-site #content,
body.woocommerce-account.sym-site .content-area,
body.woocommerce-account.sym-site .site-main{
  transform: none !important;
  left: auto !important;
  right: auto !important;
}

/* full-bleed background image + vignette */
.woocommerce-account .sym-auth-page:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse at center, rgba(0,0,0,.10) 0%, rgba(0,0,0,.78) 62%, rgba(0,0,0,.92) 100%),
    linear-gradient(180deg, rgba(0,0,0,.82) 0%, rgba(0,0,0,.62) 35%, rgba(0,0,0,.88) 100%),
    var(--sym-auth-bg-url, none);
  background-size: cover;
  background-position: center;
  filter: saturate(.92) contrast(1.08);
  z-index: 0;
  pointer-events: none;
}

/* subtle top overlay so header looks integrated */
.woocommerce-account .sym-auth-page:after{
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(circle at 50% 30%, rgba(197,184,143,.05), transparent 55%);
  pointer-events:none;
  z-index: 0;
}

.woocommerce-account .sym-auth-frame{
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 980px;
  padding: 74px 44px;
  border: 1px solid rgba(197,184,143,0.28);
  background: rgba(0,0,0,0.40);
  box-shadow: 0 34px 110px rgba(0,0,0,0.72);
  border-radius: 0;
  backdrop-filter: blur(2px);
  display:flex;
  align-items:center;
  justify-content:center;
  margin-left:auto;
  margin-right:auto;
  box-sizing: border-box;
}

/* inner thin frame */
.woocommerce-account .sym-auth-frame:before{
  content:"";
  position:absolute;
  inset: 26px;
  border: 1px solid rgba(197,184,143,0.18);
  pointer-events:none;
  border-radius: 0;
}

/* corner accents (L-shapes) */
.woocommerce-account .sym-auth-frame:after{
  content:"";
  position:absolute;
  inset: 18px;
  pointer-events:none;
  background:
    linear-gradient(to right, rgba(197,184,143,.45), rgba(197,184,143,0)) left top/140px 1px no-repeat,
    linear-gradient(to bottom, rgba(197,184,143,.45), rgba(197,184,143,0)) left top/1px 140px no-repeat,

    linear-gradient(to left, rgba(197,184,143,.45), rgba(197,184,143,0)) right top/140px 1px no-repeat,
    linear-gradient(to bottom, rgba(197,184,143,.45), rgba(197,184,143,0)) right top/1px 140px no-repeat,

    linear-gradient(to right, rgba(197,184,143,.45), rgba(197,184,143,0)) left bottom/140px 1px no-repeat,
    linear-gradient(to top, rgba(197,184,143,.45), rgba(197,184,143,0)) left bottom/1px 140px no-repeat,

    linear-gradient(to left, rgba(197,184,143,.45), rgba(197,184,143,0)) right bottom/140px 1px no-repeat,
    linear-gradient(to top, rgba(197,184,143,.45), rgba(197,184,143,0)) right bottom/1px 140px no-repeat;
  opacity: .9;
}

.woocommerce-account .sym-auth-frame__inner{
  max-width: 420px;
  width: 100%;
  margin: 0 auto;
  text-align:center;
  box-sizing: border-box;
}

/* Register form is wider (more fields) */
.woocommerce-account .sym-auth-page--register .sym-auth-frame__inner{
  max-width: 560px;
}

.woocommerce-account .sym-auth__title{
  font-size: 26px;
  margin: 0 0 22px;
  text-align:center;
  color: rgba(230,221,173,0.95);
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 800;
}

.woocommerce-account .sym-auth-page .woocommerce-form-row{
  text-align:left;
  margin-bottom: 14px;
}

.woocommerce-account .sym-auth-page label{
  color: rgba(255,255,255,0.82) !important;
  font-size: 12px;
  letter-spacing: .06em;
  text-transform: none;
}

.woocommerce-account .sym-auth-page input.input-text,
.woocommerce-account .sym-auth-page input.woocommerce-Input{
  height: 44px;
  border-radius: 0 !important;
  border: 1px solid rgba(197,184,143,0.22) !important;
  background: rgba(0,0,0,0.55) !important;
  color: #fff !important;
  padding: 10px 12px !important;
  box-shadow: none !important;
}

/* Date input calendar icon (make it gold & visible on dark bg) */
body.woocommerce-account .sym-auth-page input[type="date"],
.sym-auth-page input[type="date"]{
  color-scheme: dark;
}
body.woocommerce-account .sym-auth-page input[type="date"]::-webkit-calendar-picker-indicator,
.sym-auth-page input[type="date"]::-webkit-calendar-picker-indicator{
  opacity: 0.95;
  cursor: pointer;
  filter: invert(88%) sepia(22%) saturate(420%) hue-rotate(10deg) brightness(96%) contrast(88%);
}

/* Chrome autofill (prevents white background) */
body.woocommerce-account.sym-site .sym-auth-page input:-webkit-autofill,
body.woocommerce-account.sym-site .sym-auth-page input:-webkit-autofill:hover,
body.woocommerce-account.sym-site .sym-auth-page input:-webkit-autofill:focus,
body.woocommerce-account.sym-site .sym-auth-page textarea:-webkit-autofill,
body.woocommerce-account.sym-site .sym-auth-page select:-webkit-autofill{
  -webkit-box-shadow: 0 0 0 1000px rgba(0,0,0,0.65) inset !important;
  -webkit-text-fill-color: #fff !important;
  caret-color: #fff !important;
  border: 1px solid rgba(197,184,143,0.22) !important;
}

/* force dark inputs even if theme sets white !important */
body.woocommerce-account.sym-site .sym-auth-page input,
body.woocommerce-account.sym-site .sym-auth-page textarea,
body.woocommerce-account.sym-site .sym-auth-page select{
  background: rgba(0,0,0,0.55) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* Some themes add decorative "icons" to Woo forms via background/pseudo elements.
   On our dark layout they can appear repeated (envelopes/locks). Disable them. */
body.woocommerce-account.sym-site .sym-auth-page .woocommerce-form-row,
body.woocommerce-account.sym-site .sym-auth-page .woocommerce-form-row *{
  background-image: none !important;
}
body.woocommerce-account.sym-site .sym-auth-page .woocommerce-form-row::before,
body.woocommerce-account.sym-site .sym-auth-page .woocommerce-form-row::after,
body.woocommerce-account.sym-site .sym-auth-page .woocommerce-form-row .woocommerce-input-wrapper::before,
body.woocommerce-account.sym-site .sym-auth-page .woocommerce-form-row .woocommerce-input-wrapper::after,
body.woocommerce-account.sym-site .sym-auth-page .woocommerce-form-row label::before,
body.woocommerce-account.sym-site .sym-auth-page .woocommerce-form-row label::after{
  content: none !important;
}

@media (max-width: 768px){
  .woocommerce-account .sym-auth-page{ padding: 64px 12px; min-height: 72vh; }
  .woocommerce-account .sym-auth-frame{ width: 100%; padding: 42px 18px; }
  .woocommerce-account .sym-auth-frame:before{ inset: 18px; }
  .woocommerce-account .sym-auth-frame:after{ inset: 12px; background-size: 90px 1px, 1px 90px, 90px 1px, 1px 90px, 90px 1px, 1px 90px, 90px 1px, 1px 90px; }
  .woocommerce-account .sym-auth-frame__inner{ max-width: 360px; }
  .woocommerce-account .sym-auth__title{ font-size: 20px; letter-spacing: .12em; }
}

.woocommerce-account .sym-auth-page input.input-text:focus,
.woocommerce-account .sym-auth-page input.woocommerce-Input:focus{
  outline: none !important;
  border-color: rgba(230,221,173,0.55) !important;
  box-shadow: 0 0 0 2px rgba(197,184,143,0.12) !important;
}

/* hide labels (use placeholders like in reference), keep SR via Woo defaults */
.woocommerce-account .sym-auth-page .woocommerce-form-row > label{
  display:none !important;
}

/* Keep inputs clean (theme sometimes injects repeating icons/backgrounds) */
.woocommerce-account .sym-auth-page input.woocommerce-Input,
.woocommerce-account .sym-auth-page input.input-text{
  padding-left: 12px !important;
  background-image: none !important;
  background-repeat: no-repeat !important;
}

/* WooCommerce show/hide password eye */
body.woocommerce-account.sym-site .sym-auth-page .password-input{
  position: relative !important;
  display: block;
}
/* Use our own eye button (Woo/Theme eye implementations vary a lot) */
body.woocommerce-account.sym-site .sym-auth-page .show-password-input{ display:none !important; }

body.woocommerce-account.sym-site .sym-auth-page .sym-pw-toggle{
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  border: 0;
  padding: 0;
  background: transparent;
  opacity: .9;
  cursor: pointer;
  z-index: 6;
}
body.woocommerce-account.sym-site .sym-auth-page .sym-pw-toggle::before{
  content:"";
  display:block;
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px 20px;
  /* eye icon */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e6ddad' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8S1 12 1 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
}
body.woocommerce-account.sym-site .sym-auth-page .sym-pw-toggle.is-on::before{
  /* eye-off icon */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e6ddad' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.94 17.94A10.94 10.94 0 0 1 12 20c-7 0-11-8-11-8a21.8 21.8 0 0 1 5.06-6.94'/%3E%3Cpath d='M1 1l22 22'/%3E%3Cpath d='M9.9 4.24A10.94 10.94 0 0 1 12 4c7 0 11 8 11 8a21.8 21.8 0 0 1-4.87 6.61'/%3E%3Cpath d='M14.12 14.12a3 3 0 0 1-4.24-4.24'/%3E%3C/svg%3E");
}
body.woocommerce-account.sym-site .sym-auth-page .sym-pw-toggle:hover{ opacity: 1; }
body.woocommerce-account.sym-site .sym-auth-page input#password,
body.woocommerce-account.sym-site .sym-auth-page input#reg_password{
  padding-right: 44px !important;
}
.woocommerce-account .sym-auth-page #reg_email{ background-image: none !important; }

/* center the remember me row + button spacing */
.woocommerce-account .sym-auth-page .woocommerce-form-login .form-row{
  display:flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 6px;
}

.woocommerce-account .sym-auth-page .woocommerce-form__label-for-checkbox{
  display:flex;
  align-items:center;
  justify-content:center;
  margin-left:auto;
  margin-right:auto;
  gap: 10px;
  color: rgba(255,255,255,0.78);
  font-size: 13px;
}

.woocommerce-account .sym-auth-page .woocommerce-Button.button,
.woocommerce-account .sym-auth-page .button{
  width: 100% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(0,0,0,0.22) !important;
  color: rgba(230,221,173,0.96) !important;
  border: 1px solid rgba(197,184,143,.55) !important;
  border-radius: 0 !important;
  padding: 12px 18px !important;
  letter-spacing: .18em !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  transition: background .15s ease, border-color .15s ease, transform .12s ease;
}

.woocommerce-account .sym-auth-page .woocommerce-Button.button:hover,
.woocommerce-account .sym-auth-page .button:hover{
  background: rgba(197,184,143,.10) !important;
  border-color: rgba(230,221,173,.75) !important;
  transform: translateY(-1px);
}

.woocommerce-account .sym-auth-page .woocommerce-LostPassword{
  margin-top: 12px;
  text-align:center;
}
.woocommerce-account .sym-auth-page .woocommerce-LostPassword a{
  color: rgba(230,221,173,0.90) !important;
  text-decoration: none !important;
  letter-spacing: .06em;
  font-size: 12px;
}
.woocommerce-account .sym-auth-page .woocommerce-LostPassword a:hover{
  text-decoration: underline !important;
}

/* CTA (Nu ai încă un cont?) */
.woocommerce-account .sym-auth__cta{
  margin-top: 22px;
  text-align:center;
}
.woocommerce-account .sym-auth__cta-text{
  color: rgba(255,255,255,0.82);
  letter-spacing: .06em;
  margin-bottom: 12px;
}
.woocommerce-account .sym-auth__cta-btn{
  border-radius: 0 !important;
}

.woocommerce-account .sym-auth-social{
  margin: 0 auto 12px;
}

.woocommerce-account .sym-auth-sep{
  display:flex;
  align-items:center;
  justify-content:center;
  margin-left:auto;
  margin-right:auto;
  gap: 14px;
  margin: 12px 0 18px;
  opacity: .85;
}
.woocommerce-account .sym-auth-sep:before,
.woocommerce-account .sym-auth-sep:after{
  content:"";
  height: 1px;
  flex: 1;
  background: rgba(197,184,143,0.22);
}
.woocommerce-account .sym-auth-sep span{
  font-size: 11px;
  letter-spacing: .26em;
  color: rgba(230,221,173,0.9);
}

@media (max-width: 640px){
  .woocommerce-account .sym-auth-frame{ padding: 44px 18px; border-radius: 8px; }
  .woocommerce-account .sym-auth-frame:before{ inset: 18px; border-radius: 6px; }
  .woocommerce-account .sym-auth-frame:after{ inset: 12px; background-size: 100px 1px, 1px 100px, 100px 1px, 1px 100px, 100px 1px, 1px 100px, 100px 1px, 1px 100px; }
  .woocommerce-account .sym-auth__title{ font-size: 22px; letter-spacing: .12em; }

  /* Cards: pe mobil stivuim imaginea sus */
  .ghicitori-card{
    flex-direction: column;
    padding: 18px;
    gap: 16px;
  }
  .ghicitori-card__thumb{
    width: 100%;
    min-width: 0;
    max-width: none;
    flex: 0 0 auto;
    height: 220px;
  }
}

.ghicitori-card__reveal{
  margin-top: 10px;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 12px;
  font-size: 13px;
  line-height: 1.35;
}

.ghicitori-card__fulltext{
  margin-bottom: 8px;
}

.ghicitori-card__hint em{
  opacity: .8;
}

.sym-riddle__reveal{
  margin: 12px 0 16px;
  padding: 12px 14px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 14px;
}

.sym-riddle__hint em{
  opacity: .8;
}

.sym-rating__stars { display: inline-flex; gap: 8px; }

/* =========================================================
   HEADER MENU: remove border-bottom underline (can cause flicker/layout shift)
   We use the background-size underline from the top of this file.
   ========================================================= */

.header-nav .current-menu-item > a,
.header-nav .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a,
.header-nav .menu-item > a:hover,
.main-navigation .menu-item > a:hover{
  border-bottom: 0 !important;
}

.sym-star{
  cursor: pointer;
  user-select: none;
  transition: transform .12s ease, opacity .12s ease;
}

.sym-star:hover{ transform: scale(1.12); }

.sym-star.is-hover { transform: scale(1.12); opacity: 1; }

/* ==============================
   "Date bancare" styling
   ============================== */

.ghicitori-account .woocommerce-MyAccount-content h1,
.ghicitori-account .woocommerce-MyAccount-content h2,
.ghicitori-account .woocommerce-MyAccount-content h3{
  color: var(--sym-gold);
  letter-spacing: .06em;
}

.sym-bank-form{
  margin: 0 0 28px;
}

.sym-bank-form .sym-bank-row{
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  max-width: 420px;
}

.sym-bank-form input[type="text"],
.sym-bank-form input[type="tel"],
.sym-bank-form input[type="email"],
.sym-bank-form input[type="password"],
.sym-bank-form textarea{
  width: 100%;
  background: rgba(0,0,0,.35);
  border: 1px solid rgba(197,184,143,.28);
  color: #fff;
  border-radius: 12px;
  padding: 12px 14px;
  outline: none;
}

.sym-bank-form input:focus,
.sym-bank-form textarea:focus{
  border-color: rgba(197,184,143,.55);
  box-shadow: 0 0 0 2px rgba(197,184,143,.12);
}

.sym-bank-form button,
.ghicitori-account .woocommerce-MyAccount-content .button{
  border-radius: 999px;
}

/* keep address buttons looking like the gold pills */
.ghicitori-account .woocommerce-MyAccount-content .woocommerce-Addresses .title .edit,
.ghicitori-account .woocommerce-MyAccount-content a.button{
  background: var(--sym-gold);
  color: #000 !important;
  border: 0;
  padding: 12px 22px;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 700;
}

.ghicitori-account .woocommerce-MyAccount-content .woocommerce-Addresses .title .edit:hover,
.ghicitori-account .woocommerce-MyAccount-content a.button:hover{
  filter: brightness(1.05);
}

/* === SINGLE GHICITOARE / PROVOCARE – layout premium === */

.sym-single-wrapper {
  display: grid;
  grid-template-columns: minmax(260px, 420px) 1fr;
  gap: 40px;
  align-items: start;
  max-width: 1200px;
  margin: 60px auto;
}

/* imaginea */
.sym-single-image {
  position: relative;
}

.sym-single-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 18px;
  object-fit: cover;
  box-shadow: 0 30px 60px rgba(0,0,0,0.6);
  border: 1px solid rgba(197,184,143,0.35);
}

/* cardul */
.sym-single-card {
  background: radial-gradient(circle at top, #37332a 0%, #272626 55%, #201f1d 100%);
  border-radius: 22px;
  padding: 34px 38px;
  border: 1px solid rgba(197,184,143,0.35);
  box-shadow: 0 40px 90px rgba(0,0,0,0.65);
  position: relative;
}

@media (max-width: 768px) {
  .sym-single-wrapper {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .sym-single-image img {
    max-height: 380px;
    object-fit: cover;
  }
}

.sym-single-image {
  margin-bottom: 24px;
}

.sym-single-card {
  padding-top: 24px;
}
















/* =========================================================
   HOME – HERO (single section)
   Used by shortcode: [sym_home_hero]
   ========================================================= */

.sym-home-hero{
  min-height: calc(100vh - 90px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 90px 16px 56px;
  background: var(--sym-bg);
  position: relative;
  overflow: hidden;
}

.sym-home-hero .sym-hero-inner{
  width: min(980px, 100%);
  text-align: center;
}

.sym-hero-spoon{
  width: 96px;
  margin: 0 auto 26px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.sym-hero-spoon__svg{
  display: block;
  width: 96px;
  height: auto;
  filter: drop-shadow(0 18px 30px rgba(0,0,0,0.55));
}

.sym-hero-spoon__svg--reflect{
  transform: scaleY(-1);
  margin-top: -18px;
  opacity: 0.22;
  filter: blur(1px);
  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.55), rgba(0,0,0,0));
  mask-image: linear-gradient(to bottom, rgba(0,0,0,0.55), rgba(0,0,0,0));
}

.sym-home-hero .sym-hero-title{
  margin-bottom: 30px;
}

.sym-home-hero .sym-hero-cta{
  height: 50px;
  padding: 0 24px;
}

.sym-hero-arrow{
  width: 22px;
  height: 22px;
  margin: 34px auto 0;
  border-left: 1px solid rgba(197,184,143,0.55);
  border-bottom: 1px solid rgba(197,184,143,0.55);
  transform: rotate(-45deg);
  opacity: 0.85;
}

@media (max-width: 560px){
  .sym-home-hero .sym-hero-cta{
    letter-spacing: .12em;
    font-size: 12px;
    padding: 0 18px;
    height: 48px;
  }
  .sym-hero-title{
    letter-spacing: .22em;
  }
}


/* =========================================================
   SYM – Modificări last SYM (Feb 2026)
   ========================================================= */

/* 1) Global sharp corners (except the Ghicitori/Provocări pill tabs) */
body.sym-site .sym-frame,
body.sym-site .sym-page-frame,
body.sym-site .sym-auth-frame,
body.sym-site .ghicitori-card,
body.sym-site input,
body.sym-site textarea,
body.sym-site select,
body.sym-site .button,
body.sym-site button{
  border-radius: 0 !important;
}
body.sym-site .ghicitori-tabs,
body.sym-site .ghicitori-tabs__btn{
  border-radius: 999px !important;
}

/* 2) Remove the horizontal line under header (theme-specific overrides) */
body.sym-site .site-header,
body.sym-site header.site-header,
body.sym-site .site-header .site-header-inner,
body.sym-site .site-header .header-inner,
body.sym-site .site-header:after,
body.sym-site .site-header:before{
  border-bottom: none !important;
  box-shadow: none !important;
}

/* 3) Logo sizing + align with menu (Woostify common selectors) */
body.sym-site .site-branding img,
body.sym-site .site-logo img,
body.sym-site .custom-logo{
  max-height: 34px !important;
  width: auto !important;
}
@media (min-width: 1024px){
  body.sym-site .site-header .container,
  body.sym-site .site-header .container-fluid{
    max-width: 1440px;
    padding-left: 34px;
    padding-right: 34px;
  }
}

/* 4) Header menu hover – more visible */
body.sym-site .primary-navigation a:hover,
body.sym-site .main-navigation a:hover,
body.sym-site .site-navigation a:hover,
body.sym-site .site-menu a:hover{
  color: var(--sym-gold-2) !important;
  text-shadow: 0 0 16px rgba(197,184,143,0.38);
}

/* 5) Account icon + user name (right of icon, not below) */
body.sym-site .site-tools a.tools-icon.my-account-icon,
body.sym-site .site-tools a.my-account-icon,
body.sym-site a.tools-icon.my-account-icon{
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  white-space: nowrap;
}
body.sym-site .sym-user-name{
  font-size: 13.6px;
  font-weight: 400;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  opacity: .92;
}

/* 6) Page frames: pure black background + only corner accents */
body.sym-site .sym-page{
  background: #000 !important;
}
body.sym-site .sym-frame{
  border: none !important;
  background: rgba(0,0,0,0.22);
}
body.sym-site .sym-frame__title{
  font-size: 27px !important;
  font-weight: 700;
  letter-spacing: 0.10em !important;
}
body.sym-site .sym-frame__content,
body.sym-site .sym-page-frame__content{
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 1.65;
}

/* 7) Cards: image full-height on the left + consistent sizing */
body.sym-site .ghicitori-grid{
  gap: 26px 30px;
}
body.sym-site .ghicitori-card{
  display: flex;
  flex-direction: row;
  align-items: stretch;
  min-height: 242px;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(197,184,143,0.22);
  box-shadow: 0 18px 46px rgba(0,0,0,0.55);
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
body.sym-site .ghicitori-card__thumb{
  flex: 0 0 142px;
  width: 142px;
  height: auto;
  margin: 0;
}
body.sym-site .ghicitori-card__thumb img{
  width: 100%;
  height: 100%;
  min-height: 242px;
  object-fit: cover;
  display: block;
}
body.sym-site .ghicitori-card__body{
  flex: 1 1 auto;
  display:flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 18px 18px 16px;
}
body.sym-site .ghicitori-card__title a{
  font-size: 20.5px;
  font-weight: 700;
  letter-spacing: 0.10em;
  text-transform: none;
}
body.sym-site .ghicitori-card__excerpt{
  font-size: 12.5px;
  letter-spacing: 0.05em;
  opacity: .82;
}
body.sym-site .ghicitori-card__price{
  font-size: 12.2px;
  letter-spacing: 0.05em;
}
body.sym-site .ghicitori-card__btn{
  font-size: 13.1px;
  letter-spacing: 0.10em;
  text-transform: uppercase;
}
body.sym-site .ghicitori-card:hover{
  border-color: rgba(230,221,173,0.62);
  box-shadow: 0 24px 74px rgba(0,0,0,0.72), 0 0 0 1px rgba(230,221,173,0.10) inset;
  transform: translateY(-2px);
}
body.sym-site .ghicitori-card:hover .ghicitori-card__title a{
  color: var(--sym-gold-2) !important;
}

/* 8) Home: hero slightly shorter so next section is hinted */
body.sym-site .sym-slide--hero{
  min-height: 84vh;
}

/* 9) Auth: keep Google button neatly aligned */
body.sym-site .sym-auth-social{
  margin: 12px auto 10px;
  max-width: 360px;
}
body.sym-site .sym-auth-social *{
  box-sizing: border-box;
}
body.sym-site .sym-auth-social a,
body.sym-site .sym-auth-social button{
  width: 100% !important;
  justify-content: center !important;
  border-radius: 0 !important;
}
body.sym-site .sym-terms-row{
  margin-top: 6px;
}
body.sym-site .sym-terms-row a{
  color: var(--sym-gold-2);
  text-decoration: underline;
}

/* 10) Dropdown filters – sharp corners + subtle hover */
body.sym-site .sym-filter{
  border-radius: 0 !important;
}
body.sym-site .sym-filter:hover{
  border-color: rgba(230,221,173,0.65);
}

/* 11) Bigger header icons (account/cart) – theme specific */
body.sym-site .site-tools svg,
body.sym-site .site-tools i{
  transform: scale(1.12);
  transform-origin: center;
}



/* =========================================================
   DESIGN TUNING – aggressive gold hover (cards + buttons)
   (Added in AUTHFIX_V3)
   ========================================================= */

/* Card image: ensure it spans full card height on desktop */
.sym-slide--list .ghicitori-card__thumb{ height: 100%; }
.sym-slide--list .ghicitori-card__thumb img{ height: 100%; }

/* Card hover: gold glow + subtle lift + gradient wash */
.sym-slide--list .ghicitori-card{
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}
.sym-slide--list .ghicitori-card:hover{
  transform: translateY(-3px);
  border-color: rgba(230,221,173,0.85);
  background:
    linear-gradient(135deg, rgba(230,221,173,0.14) 0%, rgba(0,0,0,0.0) 45%),
    rgba(20,20,20,0.60);
  box-shadow:
    0 26px 90px rgba(0,0,0,0.70),
    0 0 0 1px rgba(230,221,173,0.28),
    0 0 34px rgba(230,221,173,0.18);
}

/* Button hover: stronger gold fill/glow (keeps typography) */
.ghicitori-card__btn,
.sym-riddle__participation-btn,
.sym-answer__btn,
.sym-auth__cta-btn,
.sym-register-btn{
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}
.ghicitori-card__btn:hover,
.sym-riddle__participation-btn:hover,
.sym-answer__btn:hover,
.sym-auth__cta-btn:hover,
.sym-register-btn:hover{
  transform: translateY(-1px);
  color: rgba(0,0,0,0.92) !important;
  border-color: rgba(230,221,173,0.95) !important;
  background: linear-gradient(180deg, rgba(230,221,173,0.92) 0%, rgba(197,184,143,0.88) 100%) !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,0.55),
    0 0 0 1px rgba(230,221,173,0.22),
    0 0 24px rgba(230,221,173,0.20);
}

/* Keep pills rounded ONLY where needed (Ghicitori/Provocări tabs) */
.ghicitori-tabs__btn{ border-radius: 999px !important; }

/* On touch devices, disable lift (prevents jank) */
@media (hover: none){
  .sym-slide--list .ghicitori-card:hover{ transform: none; }
  .ghicitori-card__btn:hover,
  .sym-riddle__participation-btn:hover,
  .sym-answer__btn:hover,
  .sym-auth__cta-btn:hover,
  .sym-register-btn:hover{ transform: none; }
}

/* =========================================================
   SYM – V6 FIXES (cards full-bleed image + auth true center on desktop)
   ========================================================= */

/* Cards: force the left image to be truly full-bleed (no letterboxing) */
body.sym-site .ghicitori-card{
  align-items: stretch !important;
}
body.sym-site .ghicitori-card__thumb{
  display: flex !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  padding: 0 !important;
  margin: 0 !important;
  height: 100% !important;
  align-self: stretch !important;
  overflow: hidden !important;
  background: transparent !important;
}
body.sym-site .ghicitori-card__thumb img{
  flex: 1 1 auto !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

/* Auth (desktop): remove any asymmetric theme paddings/margins so the frame is perfectly centered */
@media (min-width: 992px){
  body.woocommerce-account.sym-site .site-content,
  body.woocommerce-account.sym-site #content,
  body.woocommerce-account.sym-site .content-area,
  body.woocommerce-account.sym-site .site-main,
  body.woocommerce-account.sym-site #primary{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
  }

  body.woocommerce-account.sym-site .container,
  body.woocommerce-account.sym-site .ast-container,
  body.woocommerce-account.sym-site .woostify-container,
  body.woocommerce-account.sym-site .site-content .container,
  body.woocommerce-account.sym-site .site-content .container-fluid{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.woocommerce-account.sym-site .sym-auth-page{
    justify-content: center !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}


/* =========================================================
   SHAKEYOURMIND – V7 DESIGN OVERRIDES
   Scoped to plugin/auth/card/page-frame areas to avoid theme regressions.
   ========================================================= */

@font-face {
  font-family: "Codec Warm";
  src: url("/wp-content/fonts/codec.warm-trial-thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Codec Warm";
  src: url("/wp-content/fonts/codec.warm-trial-thin-italic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Codec Warm";
  src: url("/wp-content/fonts/codec.warm-trial-extralight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Codec Warm";
  src: url("/wp-content/fonts/codec.warm-trial-extralight-italic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Codec Warm";
  src: url("/wp-content/fonts/codec.warm-trial-light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Codec Warm";
  src: url("/wp-content/fonts/codec.warm-trial-light-italic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Codec Warm";
  src: url("/wp-content/fonts/codec.warm-trial-regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Codec Warm";
  src: url("/wp-content/fonts/codec.warm-trial-italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Codec Warm";
  src: url("/wp-content/fonts/codec.warm-trial-news.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Codec Warm";
  src: url("/wp-content/fonts/codec.warm-trial-news-italic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Codec Warm";
  src: url("/wp-content/fonts/codec.warm-trial-bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Codec Warm";
  src: url("/wp-content/fonts/codec.warm-trial-bold-italic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Codec Warm";
  src: url("/wp-content/fonts/codec.warm-trial-extrabold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Codec Warm";
  src: url("/wp-content/fonts/codec.warm-trial-extrabold-italic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Codec Warm";
  src: url("/wp-content/fonts/codec.warm-trial-heavy.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Codec Warm";
  src: url("/wp-content/fonts/codec.warm-trial-heavy-italic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
body.sym-site,
body.sym-site button,
body.sym-site input,
body.sym-site select,
body.sym-site textarea { font-family: "Codec Warm", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important; }
body.sym-site h1,
body.sym-site h2,
body.sym-site h3,
body.sym-site h4,
body.sym-site .sym-frame__title,
body.sym-site .sym-auth__title,
body.sym-site .ghicitori-card__title,
body.sym-site .sym-contact__submit,
body.sym-site .ghicitori-card__btn,
body.sym-site .sym-auth-page .button { letter-spacing: .10em; }
body.sym-site .site-header .menu > li > a,
body.sym-site .site-header nav a,
body.sym-site .main-navigation > ul > li > a,
body.sym-site .woostify-header .menu > li > a {
  font-family: "Codec Warm", sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
}
@media (min-width: 1280px){
  body.sym-site .site-header .woostify-container,
  body.sym-site .site-header .container,
  body.sym-site header.site-header .woostify-container { padding-left: 24px !important; padding-right: 24px !important; }
}
body.home.sym-site .sym-home-hero,
body.home.sym-site .sym-slide--hero { min-height: calc(100vh - 72px); padding-top: 74px; padding-bottom: 36px; }
body.home.sym-site .sym-hero-inner { width: min(1280px, calc(100vw - 64px)); }
body.home.sym-site .sym-home-hero .sym-hero-title,
body.home.sym-site .sym-slide--hero .sym-hero-title { font-size: clamp(40px, 5.2vw, 72px); line-height: 1.04; letter-spacing: .18em; color: rgba(230,221,173,.92); text-transform: uppercase; }
body.home.sym-site .sym-home-hero .sym-hero-cta,
body.home.sym-site .sym-slide--hero .sym-hero-cta { min-width: 220px; height: 46px; padding: 0 24px; border-radius: 0 !important; border: 1px solid rgba(197,184,143,.55) !important; background: rgba(0,0,0,.28) !important; color: rgba(230,221,173,.96) !important; font-size: 13px; font-weight: 700; letter-spacing: .14em; }
body.home.sym-site .sym-slide--list { align-items: flex-start; padding-top: 74px; padding-bottom: 74px; }
body.home.sym-site .sym-list-topbar { max-width: 1080px; margin-left: auto; margin-right: auto; margin-bottom: 26px; }
body.home.sym-site .ghicitori-tabs,
body.page-id-2234.sym-site .ghicitori-tabs { gap: 0; padding: 4px; border: 1px solid rgba(197,184,143,.28); background: rgba(255,255,255,.025); box-shadow: inset 0 1px 0 rgba(255,255,255,.04); }
body.home.sym-site .ghicitori-tabs__btn,
body.page-id-2234.sym-site .ghicitori-tabs__btn { min-width: 132px; min-height: 34px; padding: 0 18px; border-radius: 999px !important; font-size: 12px; font-weight: 700; letter-spacing: .12em; }
body.home.sym-site .ghicitori-tabs__btn--active,
body.page-id-2234.sym-site .ghicitori-tabs__btn--active { color: #171511 !important; background: linear-gradient(180deg, rgba(230,221,173,.98), rgba(197,184,143,.95)) !important; }
body.home.sym-site .sym-filter,
body.page-id-2234.sym-site .sym-filter { min-width: 144px; min-height: 34px; padding: 0 14px; border: 1px solid rgba(197,184,143,.25); background: rgba(8,8,8,.58); color: rgba(244,244,244,.84); font-size: 11px; font-weight: 400; letter-spacing: .10em; text-transform: uppercase; }
body.sym-site .ghicitori-grid { gap: 22px; }
body.sym-site .ghicitori-card { min-height: 241px; border-radius: 0 !important; border: 1px solid rgba(197,184,143,.18); background: linear-gradient(180deg, rgba(16,16,16,.88), rgba(12,12,12,.92)); box-shadow: 0 22px 60px rgba(0,0,0,.42); }
body.sym-site .ghicitori-card__thumb { width: 141px; min-width: 141px; max-width: 141px; height: 241px; min-height: 241px; background: #090909; }
body.sym-site .ghicitori-card__body { padding: 18px 20px; gap: 7px; }
body.sym-site .ghicitori-card__type { font-size: 12.2px; letter-spacing: .10em; color: rgba(230,221,173,.8); }
body.sym-site .ghicitori-card__title { font-size: 20.5px; line-height: 1.32; letter-spacing: .08em; color: #f3efe4; }
body.sym-site .ghicitori-card__excerpt { max-width: 28ch; font-size: 12.5px; line-height: 1.45; letter-spacing: .05em; color: rgba(244,244,244,.74); }
body.sym-site .ghicitori-card__badge { top: 12px; right: 14px; font-size: 11px; font-weight: 400; letter-spacing: .04em; }
body.sym-site .ghicitori-card__price { font-size: 20.5px; letter-spacing: .02em; }
body.sym-site .ghicitori-card__btn { min-width: 168px; min-height: 42px; padding: 10px 18px; border-radius: 0 !important; background: transparent !important; font-size: 13.1px; font-weight: 400; letter-spacing: .10em; }
body.sym-site .ghicitori-card__btn:hover { background: rgba(197,184,143,.10) !important; box-shadow: 0 0 0 1px rgba(230,221,173,.18) inset; }
body.sym-site .ghicitori-card__reveal { margin-top: 14px; border-radius: 14px; border: 1px solid rgba(197,184,143,.18); background: rgba(255,255,255,.025); }
@media (max-width: 860px){
  body.sym-site .ghicitori-card { grid-template-columns: 1fr !important; min-height: 0; }
  body.sym-site .ghicitori-card__thumb { width: 100% !important; min-width: 0 !important; max-width: none !important; height: 240px !important; min-height: 240px !important; }
  body.sym-site .ghicitori-card__excerpt { max-width: none; }
}
body.sym-site .sym-frame,
body.sym-site .sym-page-frame__inner { background: rgba(0,0,0,.34); border: 1px solid rgba(197,184,143,.22); box-shadow: 0 24px 70px rgba(0,0,0,.48); }
body.sym-site .sym-frame__title,
body.sym-site .sym-page-frame__title,
body.sym-site .sym-contact h2,
body.sym-site .sym-about h2,
body.sym-site .sym-faq h2 { font-size: clamp(27px, 2.3vw, 34px); letter-spacing: .10em; color: rgba(230,221,173,.96); text-transform: none; }
body.sym-site .sym-page-frame__content,
body.sym-site .sym-about,
body.sym-site .sym-contact,
body.sym-site .sym-faq { color: rgba(244,244,244,.86); }
body.sym-site .sym-about__section,
body.sym-site .sym-contact__form,
body.sym-site .sym-faq__items { max-width: 780px; margin-left: auto; margin-right: auto; }
body.sym-site .sym-about p,
body.sym-site .sym-contact__subtitle,
body.sym-site .sym-contact__field label,
body.sym-site .sym-contact__gdpr-label,
body.sym-site .sym-faq__question { font-size: 16px; line-height: 1.55; letter-spacing: .05em; }
body.sym-site .sym-about__section h3,
body.sym-site .sym-contact__form h3,
body.sym-site .sym-about__section--highlight h3 { font-size: 27px; line-height: 1.2; letter-spacing: .10em; }
body.sym-site .sym-faq__question { min-height: 54px; padding: 0 18px; border: 1px solid rgba(197,184,143,.24); background: rgba(255,255,255,.03); }
body.sym-site .sym-faq__answer { color: rgba(244,244,244,.74); }
body.sym-site .sym-contact__field input,
body.sym-site .sym-contact__field textarea { min-height: 46px; border-radius: 0 !important; border: 1px solid rgba(197,184,143,.24) !important; background: rgba(0,0,0,.48) !important; color: #fff !important; }
body.sym-site .sym-contact__field textarea { min-height: 150px; }
body.sym-site .sym-contact__submit { min-width: 170px; min-height: 42px; border-radius: 0 !important; border: 1px solid rgba(197,184,143,.55) !important; background: transparent !important; color: rgba(230,221,173,.95) !important; font-size: 13.1px; font-weight: 400; letter-spacing: .10em; text-transform: uppercase; }
body.woocommerce-account.sym-site .sym-auth-page { min-height: calc(100vh - 72px); display: flex !important; align-items: center !important; justify-content: center !important; padding: 84px 20px 56px !important; }
body.woocommerce-account.sym-site .sym-auth-frame { width: min(1120px, 100%); padding: 78px 42px; margin: 0 auto !important; display: flex !important; justify-content: center !important; align-items: center !important; }
body.woocommerce-account.sym-site .sym-auth-frame__inner { width: min(540px, 100%); max-width: 540px; }
body.woocommerce-account.sym-site .sym-auth-page--register .sym-auth-frame__inner { width: min(700px, 100%); max-width: 700px; }
body.woocommerce-account.sym-site .sym-auth__title { margin-bottom: 8px; font-size: 27px; line-height: 1.15; letter-spacing: .10em; text-transform: none; }
body.woocommerce-account.sym-site .sym-auth__subtitle { max-width: 620px; margin: 0 auto 24px; text-align: center; color: rgba(244,244,244,.76); font-size: 16px; line-height: 1.5; letter-spacing: .05em; }
body.woocommerce-account.sym-site .sym-auth-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 16px; }
body.woocommerce-account.sym-site .sym-auth-grid .woocommerce-form-row--wide { width: 100%; margin: 0; }
body.woocommerce-account.sym-site .sym-auth-grid .woocommerce-form-row:nth-child(3),
body.woocommerce-account.sym-site .sym-auth-grid .woocommerce-form-row:nth-child(4),
body.woocommerce-account.sym-site .sym-auth-grid .woocommerce-form-row:nth-child(5),
body.woocommerce-account.sym-site .sym-auth-grid .woocommerce-form-row:nth-child(6),
body.woocommerce-account.sym-site .sym-auth-grid .woocommerce-form-row:nth-child(7) { grid-column: 1 / -1; }
body.woocommerce-account.sym-site .sym-auth-page .woocommerce-form-login,
body.woocommerce-account.sym-site .sym-auth-page .woocommerce-form-register { width: 100%; }
body.woocommerce-account.sym-site .sym-auth-page input.input-text,
body.woocommerce-account.sym-site .sym-auth-page input.woocommerce-Input,
body.woocommerce-account.sym-site .sym-auth-page input[type="date"] { min-height: 46px; padding: 11px 14px !important; font-size: 15px; letter-spacing: .05em; }
body.woocommerce-account.sym-site .sym-auth-page .password-input { display: block; width: 100%; }
body.woocommerce-account.sym-site .sym-auth-page input#password,
body.woocommerce-account.sym-site .sym-auth-page input#reg_password,
body.woocommerce-account.sym-site .sym-auth-page input#sym_password2 { padding-right: 48px !important; }
body.woocommerce-account.sym-site .sym-auth-page .sym-pw-toggle { right: 12px; width: 24px; height: 24px; }
body.woocommerce-account.sym-site .sym-auth-page .form-row { gap: 12px; }
body.woocommerce-account.sym-site .sym-auth-page .woocommerce-form__label-for-checkbox { justify-content: flex-start; margin: 0; gap: 10px; font-size: 12.2px; letter-spacing: .05em; color: rgba(244,244,244,.8) !important; }
body.woocommerce-account.sym-site .sym-auth-page .woocommerce-form__label-for-checkbox input[type="checkbox"] { margin: 0 !important; }
body.woocommerce-account.sym-site .sym-auth-page .sym-terms-row { margin-top: 18px; margin-bottom: 18px; }
body.woocommerce-account.sym-site .sym-auth-page .sym-terms-row a { color: rgba(230,221,173,.96) !important; text-decoration: underline !important; }
body.woocommerce-account.sym-site .sym-auth-page .woocommerce-Button.button,
body.woocommerce-account.sym-site .sym-auth-page .button,
body.woocommerce-account.sym-site .sym-auth__cta-btn { min-height: 42px; font-size: 13.1px; font-weight: 400 !important; letter-spacing: .10em !important; }
body.woocommerce-account.sym-site .sym-auth__cta { margin-top: 26px; }
body.woocommerce-account.sym-site .sym-auth__cta-text { margin-bottom: 14px; font-size: 26.3px; line-height: 1.2; letter-spacing: .05em; color: rgba(244,244,244,.9); }
body.woocommerce-account.sym-site .woocommerce-LostPassword a { font-size: 12.2px; letter-spacing: .05em; font-style: italic; }
body.woocommerce-account.sym-site .nsl-container-buttons,
body.woocommerce-account.sym-site .sym-auth-social { display: flex !important; justify-content: center !important; margin-left: auto !important; margin-right: auto !important; }
body.woocommerce-account.sym-site .nsl-container .nsl-button { margin-left: auto !important; margin-right: auto !important; }
@media (max-width: 767px){
  body.woocommerce-account.sym-site .sym-auth-page { padding: 64px 14px 48px !important; }
  body.woocommerce-account.sym-site .sym-auth-frame { padding: 42px 18px; }
  body.woocommerce-account.sym-site .sym-auth-frame__inner,
  body.woocommerce-account.sym-site .sym-auth-page--register .sym-auth-frame__inner { width: 100%; max-width: 100%; }
  body.woocommerce-account.sym-site .sym-auth-grid { grid-template-columns: 1fr; }
  body.woocommerce-account.sym-site .sym-auth-grid .woocommerce-form-row { grid-column: 1 / -1 !important; }
  body.woocommerce-account.sym-site .sym-auth__title { font-size: 24px; }
  body.woocommerce-account.sym-site .sym-auth__subtitle { font-size: 14px; margin-bottom: 20px; }
}


/* =========================================================
   V8 – CARD LISTING TUNING (match latest desktop mockup)
   Scope: riddle/challenge listing cards only
   ========================================================= */
@media (min-width: 861px){
  body.sym-site .ghicitori-grid{
    gap: 26px !important;
  }

  body.sym-site .ghicitori-card{
    grid-template-columns: 141px minmax(0, 1fr) !important;
    column-gap: 16px !important;
    min-height: 241px !important;
    height: 241px !important;
    background: linear-gradient(180deg, rgba(10,10,10,.98), rgba(6,6,6,.98)) !important;
    border: 1px solid rgba(197,184,143,.18) !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  body.sym-site .ghicitori-card:hover{
    transform: translateY(-2px) !important;
    border-color: rgba(230,221,173,.34) !important;
    box-shadow: 0 18px 36px rgba(0,0,0,.34) !important;
    background: linear-gradient(180deg, rgba(12,12,12,.98), rgba(8,8,8,.98)) !important;
  }

  body.sym-site .ghicitori-card::before{
    display: none !important;
  }

  body.sym-site .ghicitori-card__thumb{
    width: 141px !important;
    min-width: 141px !important;
    max-width: 141px !important;
    height: 241px !important;
    min-height: 241px !important;
    margin: 0 !important;
    background: #050505 !important;
  }

  body.sym-site .ghicitori-card__thumb img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    filter: none !important;
  }

  body.sym-site .ghicitori-card__body{
    display: grid !important;
    grid-template-rows: auto auto minmax(34px,auto) auto 1fr !important;
    align-content: start !important;
    gap: 7px !important;
    padding: 18px 18px 18px 0 !important;
    min-width: 0 !important;
    height: 100% !important;
  }

  body.sym-site .ghicitori-card__type{
    font-size: 12.2px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    letter-spacing: .10em !important;
    color: rgba(230,221,173,.78) !important;
    margin: 0 !important;
  }

  body.sym-site .ghicitori-card__title{
    margin: 0 !important;
    font-size: 20.5px !important;
    line-height: 1.22 !important;
    font-weight: 700 !important;
    letter-spacing: .10em !important;
    min-height: 50px !important;
    max-width: 10.8ch !important;
  }

  body.sym-site .ghicitori-card__title a{
    color: #f2eee3 !important;
    text-decoration: none !important;
  }

  body.sym-site .ghicitori-card:hover .ghicitori-card__title a,
  body.sym-site .ghicitori-card__title a:hover{
    color: #f7f1df !important;
  }

  body.sym-site .ghicitori-card__excerpt{
    margin: 0 !important;
    max-width: 22ch !important;
    min-height: 35px !important;
    font-size: 12.5px !important;
    line-height: 1.35 !important;
    font-weight: 400 !important;
    letter-spacing: .05em !important;
    color: rgba(244,244,244,.72) !important;
    overflow: hidden !important;
  }

  body.sym-site .ghicitori-card__meta{
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    margin-top: 6px !important;
  }

  body.sym-site .ghicitori-card__price{
    margin: 0 !important;
    font-size: 20.5px !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
    letter-spacing: .02em !important;
    color: rgba(230,221,173,.98) !important;
  }

  body.sym-site .ghicitori-card__btn{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 142px !important;
    min-width: 142px !important;
    max-width: 142px !important;
    min-height: 31px !important;
    height: 31px !important;
    padding: 0 12px !important;
    border-radius: 0 !important;
    border: 1px solid rgba(197,184,143,.42) !important;
    background: transparent !important;
    color: rgba(233,230,220,.92) !important;
    font-size: 13.1px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    letter-spacing: .10em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-shadow: none !important;
  }

  body.sym-site .ghicitori-card__btn:hover{
    background: rgba(197,184,143,.10) !important;
    border-color: rgba(230,221,173,.36) !important;
    box-shadow: inset 0 0 0 1px rgba(230,221,173,.10) !important;
    transform: none !important;
  }

  body.sym-site .ghicitori-card__btn:active{
    transform: translateY(1px) !important;
    box-shadow: none !important;
  }

  body.sym-site .ghicitori-card__badge{
    top: 14px !important;
    right: 14px !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    letter-spacing: .04em !important;
  }

  body.sym-site .ghicitori-card__reveal{
    margin-top: 12px !important;
  }
}


/* =========================================================
   V9 – CARD LISTING STABILITY PATCH
   Scope: keep menu/footer intact, fix outer circle, card overlap,
   larger cards, stable spacing, centered bottom button.
   ========================================================= */
@media (min-width: 861px){
  /* remove the large rounded container / circle visible behind cards */
  body.sym-site .ghicitori-tabs{
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.sym-site .ghicitori-list,
  body.sym-site .ghicitori-grid{
    overflow: visible !important;
  }

  /* larger cards with stable internal layout */
  body.sym-site .ghicitori-grid{
    gap: 28px !important;
  }

  body.sym-site .ghicitori-card{
    grid-template-columns: 160px minmax(0,1fr) !important;
    min-height: 272px !important;
    height: auto !important;
    background: linear-gradient(180deg, rgba(10,10,10,.98), rgba(6,6,6,.98)) !important;
    border: 1px solid rgba(197,184,143,.18) !important;
    box-shadow: none !important;
    overflow: hidden !important;
    align-items: stretch !important;
  }

  body.sym-site .ghicitori-card::before,
  body.sym-site .ghicitori-card:hover::before{
    display: none !important;
    opacity: 0 !important;
    content: none !important;
    background: none !important;
  }

  body.sym-site .ghicitori-card:hover{
    transform: translateY(-2px) !important;
    border-color: rgba(230,221,173,.34) !important;
    box-shadow: 0 18px 36px rgba(0,0,0,.28) !important;
    background: linear-gradient(180deg, rgba(12,12,12,.98), rgba(8,8,8,.98)) !important;
  }

  body.sym-site .ghicitori-card__thumb{
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    height: 272px !important;
    min-height: 272px !important;
    background: #050505 !important;
    position: relative !important;
  }

  body.sym-site .ghicitori-card__thumb::after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 18px;
    height: 100%;
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.42) 100%);
    pointer-events: none;
  }

  body.sym-site .ghicitori-card__thumb img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
  }

  body.sym-site .ghicitori-card__body{
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
    padding: 18px 20px 18px 14px !important;
    min-width: 0 !important;
    height: 100% !important;
  }

  body.sym-site .ghicitori-card__type{
    flex: 0 0 auto !important;
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    letter-spacing: .10em !important;
    color: rgba(230,221,173,.80) !important;
  }

  body.sym-site .ghicitori-card__title{
    flex: 0 0 auto !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 12ch !important;
    min-height: 80px !important;
    font-size: 20px !important;
    line-height: 1.28 !important;
    letter-spacing: .08em !important;
    font-weight: 700 !important;
  }

  body.sym-site .ghicitori-card__title a{
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
    overflow: hidden !important;
    text-decoration: none !important;
    color: #f2eee3 !important;
    word-break: break-word !important;
  }

  body.sym-site .ghicitori-card__excerpt{
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: 24ch !important;
    min-height: 36px !important;
    margin: 0 !important;
    font-size: 12.5px !important;
    line-height: 1.38 !important;
    letter-spacing: .05em !important;
    color: rgba(244,244,244,.72) !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    overflow: hidden !important;
  }

  body.sym-site .ghicitori-card__meta{
    margin-top: auto !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 12px !important;
  }

  body.sym-site .ghicitori-card__price{
    width: 100% !important;
    margin: 0 !important;
    font-size: 18px !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
    letter-spacing: .02em !important;
    color: rgba(230,221,173,.98) !important;
  }

  body.sym-site .ghicitori-card__btn{
    align-self: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 164px !important;
    min-width: 164px !important;
    max-width: 164px !important;
    min-height: 32px !important;
    height: 32px !important;
    padding: 0 12px !important;
    border-radius: 0 !important;
    border: 1px solid rgba(197,184,143,.42) !important;
    background: transparent !important;
    color: rgba(233,230,220,.92) !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-shadow: none !important;
  }

  body.sym-site .ghicitori-card__badge{
    top: 14px !important;
    right: 14px !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    letter-spacing: .04em !important;
  }

  body.sym-site .ghicitori-card__reveal{
    width: 100% !important;
    margin-top: 12px !important;
    padding: 12px 14px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(197,184,143,.18) !important;
    background: rgba(255,255,255,.025) !important;
    box-sizing: border-box !important;
  }

  body.sym-site .ghicitori-card__fulltext,
  body.sym-site .ghicitori-card__hint{
    width: 100% !important;
    font-size: 12.5px !important;
    line-height: 1.45 !important;
    word-break: break-word !important;
  }
}


/* =========================================================
   V10 – LISTING CARDS EXACT DESIGN PATCH
   Scope: listing cards + tabs + filters only.
   Keep footer/menu untouched and work with external CSS v7.
   ========================================================= */
@media (min-width: 861px){
  /* kill any large outer rounded frame / circle from theme or previous patches */
  body.sym-site .ghicitori-tabs,
  body.home.sym-site .ghicitori-tabs,
  body.page-id-2234.sym-site .ghicitori-tabs{
    max-width: 1110px !important;
    margin: 0 auto 34px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body.sym-site .ghicitori-tabs::before,
  body.sym-site .ghicitori-tabs::after,
  body.home.sym-site .ghicitori-tabs::before,
  body.home.sym-site .ghicitori-tabs::after,
  body.page-id-2234.sym-site .ghicitori-tabs::before,
  body.page-id-2234.sym-site .ghicitori-tabs::after,
  body.sym-site .ghicitori-list::before,
  body.sym-site .ghicitori-list::after,
  body.sym-site .ghicitori-grid::before,
  body.sym-site .ghicitori-grid::after{
    display: none !important;
    content: none !important;
    background: none !important;
    box-shadow: none !important;
    border: 0 !important;
  }

  /* top controls */
  body.sym-site .ghicitori-tabs__top{
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 28px !important;
    margin-bottom: 22px !important;
  }

  body.sym-site .ghicitori-tabs__nav,
  body.home.sym-site .ghicitori-tabs__nav,
  body.page-id-2234.sym-site .ghicitori-tabs__nav{
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
    padding: 4px !important;
    margin: 0 !important;
    border-radius: 999px !important;
    border: 1px solid rgba(197,184,143,.34) !important;
    background: linear-gradient(180deg, rgba(40,40,40,.92), rgba(28,28,28,.92)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
  }

  body.sym-site .ghicitori-tabs__btn,
  body.home.sym-site .ghicitori-tabs__btn,
  body.page-id-2234.sym-site .ghicitori-tabs__btn{
    min-width: 146px !important;
    height: 42px !important;
    padding: 0 24px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: rgba(230,221,173,.92) !important;
    font-size: 13.6px !important;
    line-height: 42px !important;
    font-weight: 400 !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
  }

  body.sym-site .ghicitori-tabs__btn--active,
  body.sym-site .ghicitori-tabs__btn[aria-selected="true"],
  body.home.sym-site .ghicitori-tabs__btn--active,
  body.page-id-2234.sym-site .ghicitori-tabs__btn--active{
    background: linear-gradient(180deg, #dfd2a2 0%, #c7b88a 100%) !important;
    color: #1d1c1a !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 2px 8px rgba(0,0,0,.28) !important;
  }

  body.sym-site .ghicitori-tabs__btn:not(.ghicitori-tabs__btn--active):hover{
    background: rgba(255,255,255,.04) !important;
    color: rgba(244,244,244,.95) !important;
  }

  body.sym-site .ghicitori-filters{
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    margin-left: auto !important;
  }

  body.sym-site .ghicitori-filter{
    min-width: 186px !important;
  }

  body.sym-site .ghicitori-filter label{
    display: block !important;
    margin: 0 0 8px !important;
    color: rgba(230,221,173,.92) !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    letter-spacing: .10em !important;
    text-transform: uppercase !important;
  }

  body.sym-site .ghicitori-filter select{
    width: 100% !important;
    height: 56px !important;
    padding: 0 42px 0 16px !important;
    border: 1px solid rgba(197,184,143,.34) !important;
    border-radius: 0 !important;
    background-color: rgba(5,5,5,.92) !important;
    background-image:
      linear-gradient(45deg, transparent 50%, #c7b88a 50%),
      linear-gradient(135deg, #c7b88a 50%, transparent 50%);
    background-position:
      calc(100% - 18px) 24px,
      calc(100% - 12px) 24px;
    background-size: 6px 6px, 6px 6px !important;
    background-repeat: no-repeat !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    letter-spacing: .05em !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    box-shadow: none !important;
    outline: none !important;
  }

  body.sym-site .ghicitori-filter select:hover,
  body.sym-site .ghicitori-filter select:focus{
    border-color: rgba(230,221,173,.52) !important;
  }

  /* listing grid and cards */
  body.sym-site .ghicitori-grid,
  body.home.sym-site .ghicitori-grid,
  body.page-id-2234.sym-site .ghicitori-grid{
    gap: 28px !important;
  }

  body.sym-site .ghicitori-card,
  body.home.sym-site .ghicitori-card,
  body.page-id-2234.sym-site .ghicitori-card{
    position: relative !important;
    display: grid !important;
    grid-template-columns: 162px minmax(0, 1fr) !important;
    gap: 0 !important;
    min-height: 242px !important;
    background: rgba(0,0,0,.84) !important;
    border: 1px solid rgba(197,184,143,.16) !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    align-items: stretch !important;
  }

  body.sym-site .ghicitori-card::before,
  body.sym-site .ghicitori-card::after,
  body.home.sym-site .ghicitori-card::before,
  body.home.sym-site .ghicitori-card::after,
  body.page-id-2234.sym-site .ghicitori-card::before,
  body.page-id-2234.sym-site .ghicitori-card::after{
    display: none !important;
    content: none !important;
  }

  body.sym-site .ghicitori-card:hover{
    transform: translateY(-2px) !important;
    border-color: rgba(230,221,173,.28) !important;
    background: rgba(5,5,5,.92) !important;
    box-shadow: 0 16px 34px rgba(0,0,0,.24) !important;
  }

  body.sym-site .ghicitori-card__thumb,
  body.home.sym-site .ghicitori-card__thumb,
  body.page-id-2234.sym-site .ghicitori-card__thumb{
    width: 162px !important;
    min-width: 162px !important;
    max-width: 162px !important;
    height: 242px !important;
    min-height: 242px !important;
    margin: 0 !important;
    background: #090909 !important;
    position: relative !important;
    overflow: hidden !important;
    line-height: 0 !important;
  }

  body.sym-site .ghicitori-card__thumb::before,
  body.home.sym-site .ghicitori-card__thumb::before,
  body.page-id-2234.sym-site .ghicitori-card__thumb::before{
    display: none !important;
    content: none !important;
  }

  body.sym-site .ghicitori-card__thumb::after,
  body.home.sym-site .ghicitori-card__thumb::after,
  body.page-id-2234.sym-site .ghicitori-card__thumb::after{
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 36px !important;
    height: 100% !important;
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.86) 100%) !important;
    pointer-events: none !important;
    z-index: 2 !important;
  }

  body.sym-site .ghicitori-card__thumb img,
  body.home.sym-site .ghicitori-card__thumb img,
  body.page-id-2234.sym-site .ghicitori-card__thumb img{
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;
    border: 0 !important;
    border-radius: 0 !important;
    filter: none !important;
    transform: none !important;
  }

  body.sym-site .ghicitori-card__body,
  body.home.sym-site .ghicitori-card__body,
  body.page-id-2234.sym-site .ghicitori-card__body{
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    min-width: 0 !important;
    height: 100% !important;
    padding: 18px 20px 18px 12px !important;
  }

  body.sym-site .ghicitori-card__type{
    margin: 0 !important;
    font-size: 12.2px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    letter-spacing: .10em !important;
    color: rgba(230,221,173,.78) !important;
    text-transform: uppercase !important;
  }

  body.sym-site .ghicitori-card__title{
    width: 100% !important;
    max-width: 10.8ch !important;
    min-height: 78px !important;
    margin: 0 !important;
    font-size: 20.5px !important;
    line-height: 1.16 !important;
    font-weight: 700 !important;
    letter-spacing: .10em !important;
    color: #f4f1e6 !important;
  }

  body.sym-site .ghicitori-card__title a{
    color: inherit !important;
    text-decoration: none !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
    overflow: hidden !important;
    word-break: break-word !important;
  }

  body.sym-site .ghicitori-card__excerpt{
    width: 100% !important;
    max-width: 21ch !important;
    min-height: 34px !important;
    margin: 0 !important;
    font-size: 12.5px !important;
    line-height: 1.36 !important;
    font-weight: 400 !important;
    letter-spacing: .05em !important;
    color: rgba(244,244,244,.74) !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    overflow: hidden !important;
  }

  body.sym-site .ghicitori-card__meta{
    width: 100% !important;
    margin-top: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 14px !important;
  }

  body.sym-site .ghicitori-card__price{
    margin: 0 !important;
    width: 100% !important;
    font-size: 20.5px !important;
    line-height: 1.08 !important;
    font-weight: 700 !important;
    letter-spacing: .02em !important;
    color: rgba(230,221,173,.98) !important;
  }

  body.sym-site .ghicitori-card__btn,
  body.home.sym-site .ghicitori-card__btn,
  body.page-id-2234.sym-site .ghicitori-card__btn{
    align-self: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 142px !important;
    min-width: 142px !important;
    max-width: 142px !important;
    height: 31px !important;
    min-height: 31px !important;
    margin: 0 auto !important;
    padding: 0 14px !important;
    border-radius: 0 !important;
    border: 1px solid rgba(197,184,143,.34) !important;
    background: transparent !important;
    color: rgba(233,230,220,.94) !important;
    font-size: 13.1px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    letter-spacing: .10em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-shadow: none !important;
    text-decoration: none !important;
  }

  body.sym-site .ghicitori-card__btn:hover{
    background: rgba(197,184,143,.08) !important;
    border-color: rgba(230,221,173,.42) !important;
    box-shadow: inset 0 0 0 1px rgba(230,221,173,.10) !important;
    transform: none !important;
  }

  body.sym-site .ghicitori-card__badge{
    top: 14px !important;
    right: 14px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    letter-spacing: .04em !important;
    z-index: 3 !important;
  }

  body.sym-site .ghicitori-card__reveal,
  body.sym-site .ghicitori-card__fulltext,
  body.sym-site .ghicitori-card__hint{
    display: none !important;
  }
}

/* =========================================================
   V11 – CARDS + FILTERS FINAL DESIGN PATCH
   Scope: riddle/provocare list only. Keep header/footer untouched.
   ========================================================= */
@media (min-width: 861px){
  /* remove any residual outer circle/frame behind list */
  body.sym-site .ghicitori-tabs,
  body.home.sym-site .ghicitori-tabs,
  body.page-id-2234.sym-site .ghicitori-tabs,
  body.sym-site .ghicitori-tabs__content,
  body.sym-site .ghicitori-tabs__panel,
  body.sym-site .ghicitori-list,
  body.sym-site .ghicitori-grid{
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  body.sym-site .ghicitori-tabs::before,
  body.sym-site .ghicitori-tabs::after,
  body.sym-site .ghicitori-tabs__content::before,
  body.sym-site .ghicitori-tabs__content::after,
  body.sym-site .ghicitori-tabs__panel::before,
  body.sym-site .ghicitori-tabs__panel::after,
  body.sym-site .ghicitori-list::before,
  body.sym-site .ghicitori-list::after,
  body.sym-site .ghicitori-grid::before,
  body.sym-site .ghicitori-grid::after{
    display: none !important;
    content: none !important;
    border: 0 !important;
    box-shadow: none !important;
    background: none !important;
  }

  /* tabs + top controls using the real markup/classes */
  body.sym-site .ghicitori-tabs__top{
    max-width: 1110px !important;
    margin: 0 auto 22px !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 26px !important;
  }

  body.sym-site .ghicitori-tabs__nav{
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
    padding: 4px !important;
    border: 1px solid rgba(197,184,143,.36) !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, rgba(42,42,42,.92), rgba(28,28,28,.92)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
  }

  body.sym-site .ghicitori-tabs__btn{
    min-width: 145px !important;
    height: 40px !important;
    padding: 0 24px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: rgba(230,221,173,.94) !important;
    font-size: 13.6px !important;
    line-height: 40px !important;
    font-weight: 400 !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
  }

  body.sym-site .ghicitori-tabs__btn--active,
  body.sym-site .ghicitori-tabs__btn[aria-selected="true"]{
    background: linear-gradient(180deg, #e1d5a8 0%, #c9bb8d 100%) !important;
    color: #1b1a17 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.24), 0 2px 8px rgba(0,0,0,.26) !important;
  }

  body.sym-site .ghicitori-controls{
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    gap: 14px !important;
    margin-left: auto !important;
  }

  body.sym-site .ghicitori-controls__group{
    min-width: 190px !important;
  }

  body.sym-site .ghicitori-controls label{
    display: block !important;
    margin: 0 0 10px !important;
    color: rgba(230,221,173,.92) !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    letter-spacing: .10em !important;
    text-transform: uppercase !important;
  }

  body.sym-site .ghicitori-controls select{
    width: 100% !important;
    min-width: 190px !important;
    height: 54px !important;
    padding: 0 42px 0 14px !important;
    border: 1px solid rgba(197,184,143,.34) !important;
    border-radius: 0 !important;
    background-color: rgba(5,5,5,.92) !important;
    background-image:
      linear-gradient(45deg, transparent 50%, #c7b88a 50%),
      linear-gradient(135deg, #c7b88a 50%, transparent 50%) !important;
    background-position:
      calc(100% - 20px) 24px,
      calc(100% - 14px) 24px !important;
    background-size: 6px 6px, 6px 6px !important;
    background-repeat: no-repeat !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    letter-spacing: .05em !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    outline: none !important;
    box-shadow: none !important;
  }

  body.sym-site .ghicitori-controls select:hover,
  body.sym-site .ghicitori-controls select:focus{
    border-color: rgba(230,221,173,.52) !important;
    box-shadow: 0 0 0 1px rgba(230,221,173,.08) inset !important;
  }

  /* cards */
  body.sym-site .ghicitori-grid{
    max-width: 1110px !important;
    margin: 0 auto !important;
    gap: 28px !important;
  }

  body.sym-site .ghicitori-card,
  body.home.sym-site .ghicitori-card,
  body.page-id-2234.sym-site .ghicitori-card{
    position: relative !important;
    display: grid !important;
    grid-template-columns: 152px minmax(0, 1fr) !important;
    gap: 0 !important;
    min-height: 242px !important;
    background: rgba(0,0,0,.86) !important;
    border: 1px solid rgba(197,184,143,.16) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    align-items: stretch !important;
  }

  body.sym-site .ghicitori-card::before,
  body.sym-site .ghicitori-card::after{
    display: none !important;
    content: none !important;
  }

  body.sym-site .ghicitori-card:hover{
    transform: translateY(-2px) !important;
    border-color: rgba(230,221,173,.28) !important;
    background: rgba(5,5,5,.92) !important;
    box-shadow: 0 16px 34px rgba(0,0,0,.24) !important;
  }

  body.sym-site .ghicitori-card__thumb{
    width: 152px !important;
    min-width: 152px !important;
    max-width: 152px !important;
    height: 242px !important;
    min-height: 242px !important;
    margin: 0 !important;
    background: #090909 !important;
    position: relative !important;
    overflow: hidden !important;
    line-height: 0 !important;
  }

  body.sym-site .ghicitori-card__thumb::before{
    display: none !important;
    content: none !important;
  }

  /* subtle black fade only on the RIGHT edge of image */
  body.sym-site .ghicitori-card__thumb::after{
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 24px !important;
    height: 100% !important;
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.80) 100%) !important;
    pointer-events: none !important;
    z-index: 2 !important;
  }

  body.sym-site .ghicitori-card__thumb img{
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;
    border: 0 !important;
    border-radius: 0 !important;
    filter: none !important;
    transform: none !important;
    background: #090909 !important;
  }

  body.sym-site .ghicitori-card__body{
    position: relative !important;
    z-index: 3 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    min-width: 0 !important;
    height: 100% !important;
    padding: 18px 20px 18px 20px !important;
    background: linear-gradient(90deg, rgba(0,0,0,.16) 0%, rgba(0,0,0,0) 26px) !important;
  }

  body.sym-site .ghicitori-card__type{
    margin: 0 !important;
    padding-right: 88px !important;
    font-size: 12.2px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    letter-spacing: .10em !important;
    color: rgba(230,221,173,.78) !important;
    text-transform: uppercase !important;
  }

  body.sym-site .ghicitori-card__title{
    width: 100% !important;
    max-width: none !important;
    min-height: 74px !important;
    margin: 0 !important;
    padding-right: 88px !important;
    font-size: 19px !important;
    line-height: 1.18 !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    color: #f4f1e6 !important;
  }

  body.sym-site .ghicitori-card__title a{
    color: inherit !important;
    text-decoration: none !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
    overflow: hidden !important;
    word-break: break-word !important;
  }

  body.sym-site .ghicitori-card__excerpt{
    width: 100% !important;
    max-width: 24ch !important;
    min-height: 36px !important;
    margin: 0 !important;
    font-size: 12.5px !important;
    line-height: 1.38 !important;
    font-weight: 400 !important;
    letter-spacing: .05em !important;
    color: rgba(244,244,244,.74) !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    overflow: hidden !important;
  }

  /* remove extra reveal/hint block entirely, per design */
  body.sym-site .ghicitori-card__reveal{
    display: none !important;
  }

  body.sym-site .ghicitori-card__meta{
    width: 100% !important;
    margin-top: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 14px !important;
  }

  body.sym-site .ghicitori-card__price{
    margin: 0 !important;
    width: 100% !important;
    font-size: 20.5px !important;
    line-height: 1.08 !important;
    font-weight: 700 !important;
    letter-spacing: .02em !important;
    color: rgba(230,221,173,.98) !important;
  }

  body.sym-site .ghicitori-card__btn{
    align-self: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 142px !important;
    min-width: 142px !important;
    max-width: 142px !important;
    height: 31px !important;
    min-height: 31px !important;
    margin: 0 auto !important;
    padding: 0 14px !important;
    border-radius: 0 !important;
    border: 1px solid rgba(197,184,143,.34) !important;
    background: transparent !important;
    color: rgba(233,230,220,.94) !important;
    font-size: 13.1px !important;
    line-height: 1 !important;
    font-weight: 400 !important;
    letter-spacing: .10em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-shadow: none !important;
    text-decoration: none !important;
  }

  body.sym-site .ghicitori-card__badge{
    top: 14px !important;
    right: 14px !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    letter-spacing: .04em !important;
    z-index: 4 !important;
  }
}

/* =========================================================
   V12 – clean image/body transition for list cards
   Keep image natural; move fade to boundary, not over image
   ========================================================= */
@media (min-width: 821px){
  body.sym-site .ghicitori-card,
  body.home.sym-site .ghicitori-card,
  body.page-id-2234.sym-site .ghicitori-card{
    position: relative !important;
    display: grid !important;
    grid-template-columns: 176px minmax(0,1fr) !important;
    min-height: 254px !important;
    overflow: hidden !important;
  }

  body.sym-site .ghicitori-card__thumb,
  body.home.sym-site .ghicitori-card__thumb,
  body.page-id-2234.sym-site .ghicitori-card__thumb{
    width: 176px !important;
    min-width: 176px !important;
    max-width: 176px !important;
    height: 254px !important;
    min-height: 254px !important;
    display: block !important;
    position: relative !important;
    z-index: 1 !important;
    overflow: hidden !important;
    background: #090909 !important;
  }

  body.sym-site .ghicitori-card__thumb::before,
  body.sym-site .ghicitori-card__thumb::after,
  body.home.sym-site .ghicitori-card__thumb::before,
  body.home.sym-site .ghicitori-card__thumb::after,
  body.page-id-2234.sym-site .ghicitori-card__thumb::before,
  body.page-id-2234.sym-site .ghicitori-card__thumb::after{
    display: none !important;
    content: none !important;
  }

  body.sym-site .ghicitori-card::after,
  body.home.sym-site .ghicitori-card::after,
  body.page-id-2234.sym-site .ghicitori-card::after{
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 176px !important;
    width: 34px !important;
    height: 100% !important;
    pointer-events: none !important;
    z-index: 2 !important;
    background: linear-gradient(90deg,
      rgba(0,0,0,.62) 0%,
      rgba(0,0,0,.28) 52%,
      rgba(0,0,0,0) 100%) !important;
  }

  body.sym-site .ghicitori-card__thumb img,
  body.home.sym-site .ghicitori-card__thumb img,
  body.page-id-2234.sym-site .ghicitori-card__thumb img{
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: none !important;
    filter: none !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 1 !important;
  }

  body.sym-site .ghicitori-card__body,
  body.home.sym-site .ghicitori-card__body,
  body.page-id-2234.sym-site .ghicitori-card__body{
    position: relative !important;
    z-index: 3 !important;
    padding: 18px 20px 18px 30px !important;
    background: transparent !important;
  }

  body.sym-site .ghicitori-card__type,
  body.sym-site .ghicitori-card__title,
  body.sym-site .ghicitori-card__excerpt,
  body.sym-site .ghicitori-card__price,
  body.home.sym-site .ghicitori-card__type,
  body.home.sym-site .ghicitori-card__title,
  body.home.sym-site .ghicitori-card__excerpt,
  body.home.sym-site .ghicitori-card__price,
  body.page-id-2234.sym-site .ghicitori-card__type,
  body.page-id-2234.sym-site .ghicitori-card__title,
  body.page-id-2234.sym-site .ghicitori-card__excerpt,
  body.page-id-2234.sym-site .ghicitori-card__price{
    padding-right: 86px !important;
  }
}


/* =========================================================
   ABOUT PAGE – DESIGN MATCH PATCH (v13)
   ========================================================= */
body.sym-site .sym-page--about{
  padding-top: 88px !important;
  padding-bottom: 72px !important;
}

body.sym-site .sym-page--about .sym-frame{
  width: min(760px, calc(100% - 32px)) !important;
  padding: 52px 82px 56px !important;
  background: rgba(0,0,0,0.18) !important;
  border: none !important;
  box-shadow: none !important;
}

body.sym-site .sym-page--about .sym-frame__corner{
  width: 58px !important;
  height: 42px !important;
  border-color: rgba(197,184,143,0.55) !important;
}

body.sym-site .sym-page--about .sym-frame__title{
  margin: 0 0 26px !important;
  color: var(--sym-gold-1) !important;
  font-size: 27px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.10em !important;
  text-transform: none !important;
}

body.sym-site .sym-page--about .sym-about{
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.sym-site .sym-page--about .sym-about__card,
body.sym-site .sym-page--about .sym-about__section--highlight{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

body.sym-site .sym-page--about .sym-about__section,
body.sym-site .sym-page--about .sym-about__list,
body.sym-site .sym-page--about .sym-about__list li,
body.sym-site .sym-page--about .sym-about__section p{
  color: rgba(244,244,244,0.92) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.52 !important;
  letter-spacing: 0.05em !important;
}

body.sym-site .sym-page--about .sym-about__section{
  margin-bottom: 28px !important;
}

body.sym-site .sym-page--about .sym-about__section p{
  margin: 0 0 10px !important;
}

body.sym-site .sym-page--about .sym-about__section--highlight{
  margin-top: 20px !important;
  padding-top: 0 !important;
}

body.sym-site .sym-page--about .sym-about__section--highlight h2{
  margin: 0 0 18px !important;
  color: var(--sym-gold-1) !important;
  font-size: 27px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.10em !important;
  text-transform: none !important;
}

body.sym-site .sym-page--about .sym-about__list{
  margin-top: 10px !important;
  padding-left: 0 !important;
}

body.sym-site .sym-page--about .sym-about__list li{
  margin: 0 0 10px !important;
  padding-left: 18px !important;
}

body.sym-site .sym-page--about .sym-about__list li::before{
  width: 6px !important;
  height: 6px !important;
  top: 0.78em !important;
  background: var(--sym-gold-2) !important;
  box-shadow: none !important;
}

body.sym-site .sym-page--about .sym-about__list strong{
  color: rgba(244,244,244,0.96) !important;
  font-weight: 700 !important;
}

@media (max-width: 900px){
  body.sym-site .sym-page--about .sym-frame{
    width: min(760px, calc(100% - 28px)) !important;
    padding: 46px 34px 48px !important;
  }
}

@media (max-width: 640px){
  body.sym-site .sym-page--about{
    padding-top: 76px !important;
    padding-bottom: 58px !important;
  }
  body.sym-site .sym-page--about .sym-frame{
    width: calc(100% - 24px) !important;
    padding: 34px 22px 38px !important;
  }
  body.sym-site .sym-page--about .sym-frame__title,
  body.sym-site .sym-page--about .sym-about__section--highlight h2{
    font-size: 24px !important;
  }
  body.sym-site .sym-page--about .sym-about__section,
  body.sym-site .sym-page--about .sym-about__list,
  body.sym-site .sym-page--about .sym-about__list li,
  body.sym-site .sym-page--about .sym-about__section p{
    font-size: 15px !important;
    line-height: 1.5 !important;
  }
}

/* =========================================================
   v14 – ABOUT / FAQ / CONTACT DESIGN POLISH
   Scoped only to dedicated mockup pages
   ========================================================= */

/* Shared frame tuning */
body.sym-site .sym-page--about,
body.sym-site .sym-page--faq,
body.sym-site .sym-page--contact{
  padding-top: 86px !important;
  padding-bottom: 74px !important;
}

body.sym-site .sym-page--faq .sym-frame,
body.sym-site .sym-page--contact .sym-frame{
  width: min(980px, calc(100% - 32px)) !important;
  padding: 64px 84px 66px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body.sym-site .sym-page--faq .sym-frame__corner,
body.sym-site .sym-page--contact .sym-frame__corner{
  width: 66px !important;
  height: 52px !important;
  border-color: rgba(197,184,143,.58) !important;
  border-width: 1px !important;
}

body.sym-site .sym-page--faq .sym-frame__title,
body.sym-site .sym-page--contact .sym-frame__title{
  margin: 0 0 34px !important;
  color: rgba(230,221,173,.96) !important;
  font-size: 27px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: .10em !important;
  text-transform: none !important;
  text-align: center !important;
}

/* FAQ */
body.sym-site .sym-page--faq .sym-frame__content{
  max-width: 780px !important;
  margin: 0 auto !important;
}

body.sym-site .sym-page--faq .sym-faq{
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.sym-site .sym-page--faq .sym-faq__items{
  gap: 14px !important;
}

body.sym-site .sym-page--faq .sym-faq__item{
  border-radius: 18px !important;
  background: linear-gradient(90deg, rgba(52,52,52,.55) 0%, rgba(28,28,28,.78) 52%, rgba(16,16,16,.92) 100%) !important;
  border: 1px solid rgba(197,184,143,.34) !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

body.sym-site .sym-page--faq .sym-faq__question{
  min-height: 54px !important;
  padding: 0 18px 0 20px !important;
  color: rgba(255,255,255,.96) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  letter-spacing: .05em !important;
  background: transparent !important;
}

body.sym-site .sym-page--faq .sym-faq__question span:first-child{
  padding-right: 18px !important;
}

body.sym-site .sym-page--faq .sym-faq__icon{
  width: 28px !important;
  height: 28px !important;
  border: 1px solid rgba(230,221,173,.88) !important;
  color: rgba(230,221,173,.94) !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  background: transparent !important;
}

body.sym-site .sym-page--faq .sym-faq__answer{
  padding: 0 20px 16px !important;
  color: rgba(244,244,244,.76) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  letter-spacing: .05em !important;
}

body.sym-site .sym-page--faq .sym-faq__item--active .sym-faq__icon{
  background: rgba(230,221,173,.10) !important;
  color: rgba(230,221,173,.96) !important;
  transform: rotate(45deg) !important;
}

/* Contact */
body.sym-site .sym-page--contact .sym-frame__content{
  max-width: 740px !important;
  margin: 0 auto !important;
}

body.sym-site .sym-page--contact .sym-contact{
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(244,244,244,.9) !important;
}

body.sym-site .sym-page--contact .sym-contact__subtitle{
  margin: 0 0 22px !important;
  text-align: center !important;
  color: rgba(244,244,244,.94) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  letter-spacing: .05em !important;
}

body.sym-site .sym-page--contact .sym-contact__form{
  max-width: 520px !important;
  margin: 0 auto !important;
}

body.sym-site .sym-page--contact .sym-contact__row{
  gap: 10px !important;
  margin-bottom: 12px !important;
}

body.sym-site .sym-page--contact .sym-contact__field label{
  color: rgba(255,255,255,.96) !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  letter-spacing: .05em !important;
  margin-bottom: 7px !important;
}

body.sym-site .sym-page--contact .sym-contact__req{
  color: rgba(255,255,255,.96) !important;
}

body.sym-site .sym-page--contact .sym-contact__field input,
body.sym-site .sym-page--contact .sym-contact__field textarea{
  min-height: 36px !important;
  padding: 8px 10px !important;
  border-radius: 0 !important;
  border: 1px solid rgba(197,184,143,.30) !important;
  background: rgba(0,0,0,.42) !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  letter-spacing: .05em !important;
  box-shadow: none !important;
}

body.sym-site .sym-page--contact .sym-contact__field textarea{
  min-height: 118px !important;
  border-radius: 0 !important;
}

body.sym-site .sym-page--contact .sym-contact__field input:focus,
body.sym-site .sym-page--contact .sym-contact__field textarea:focus{
  border-color: rgba(230,221,173,.62) !important;
  box-shadow: 0 0 0 1px rgba(230,221,173,.14) !important;
}

body.sym-site .sym-page--contact .sym-contact__row--gdpr{
  margin-top: 6px !important;
  margin-bottom: 10px !important;
}

body.sym-site .sym-page--contact .sym-contact__gdpr-label{
  gap: 8px !important;
  align-items: center !important;
  color: rgba(244,244,244,.9) !important;
  font-size: 12.2px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  letter-spacing: .05em !important;
}

body.sym-site .sym-page--contact .sym-contact__gdpr-label input[type="checkbox"]{
  width: 12px !important;
  height: 12px !important;
  margin-top: 0 !important;
  accent-color: rgba(230,221,173,.92) !important;
}

body.sym-site .sym-page--contact .sym-contact__gdpr-label a{
  color: rgba(230,221,173,.95) !important;
  text-decoration: none !important;
}

body.sym-site .sym-page--contact .sym-contact__actions{
  margin-top: 12px !important;
  text-align: center !important;
}

body.sym-site .sym-page--contact .sym-contact__submit{
  min-width: 118px !important;
  min-height: 34px !important;
  padding: 0 18px !important;
  border-radius: 0 !important;
  border: 1px solid rgba(197,184,143,.55) !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(230,221,173,.96) !important;
  font-size: 13.1px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
}

body.sym-site .sym-page--contact .sym-contact__submit:hover{
  background: rgba(197,184,143,.08) !important;
  transform: none !important;
  box-shadow: none !important;
}

/* Responsive */
@media (max-width: 900px){
  body.sym-site .sym-page--faq .sym-frame,
  body.sym-site .sym-page--contact .sym-frame{
    width: min(980px, calc(100% - 28px)) !important;
    padding: 46px 28px 52px !important;
  }
}

@media (max-width: 640px){
  body.sym-site .sym-page--faq,
  body.sym-site .sym-page--contact{
    padding-top: 74px !important;
    padding-bottom: 58px !important;
  }

  body.sym-site .sym-page--faq .sym-frame,
  body.sym-site .sym-page--contact .sym-frame{
    width: calc(100% - 22px) !important;
    padding: 34px 18px 38px !important;
  }

  body.sym-site .sym-page--faq .sym-frame__title,
  body.sym-site .sym-page--contact .sym-frame__title{
    font-size: 24px !important;
    margin-bottom: 24px !important;
  }

  body.sym-site .sym-page--faq .sym-faq__question{
    font-size: 15px !important;
    padding: 0 14px 0 16px !important;
  }

  body.sym-site .sym-page--contact .sym-contact__subtitle{
    font-size: 15px !important;
  }

  body.sym-site .sym-page--contact .sym-contact__row{
    flex-direction: column !important;
    gap: 12px !important;
  }

  body.sym-site .sym-page--contact .sym-contact__form{
    max-width: 100% !important;
  }
}


/* =========================================================
   v15 – corner accents refined + contact CTA label spacing
   ========================================================= */
body.sym-site .sym-page--about .sym-frame,
body.sym-site .sym-page--faq .sym-frame,
body.sym-site .sym-page--contact .sym-frame{
  position: relative !important;
}

body.sym-site .sym-page--about .sym-frame__corner,
body.sym-site .sym-page--faq .sym-frame__corner,
body.sym-site .sym-page--contact .sym-frame__corner{
  width: 128px !important;
  height: 44px !important;
  border-color: rgba(197,184,143,.58) !important;
  border-style: solid !important;
  border-radius: 0 !important;
}

body.sym-site .sym-page--about .sym-frame__corner--tl,
body.sym-site .sym-page--faq .sym-frame__corner--tl,
body.sym-site .sym-page--contact .sym-frame__corner--tl{
  top: -1px !important;
  left: -1px !important;
  border-width: 1px 0 0 1px !important;
}

body.sym-site .sym-page--about .sym-frame__corner--tr,
body.sym-site .sym-page--faq .sym-frame__corner--tr,
body.sym-site .sym-page--contact .sym-frame__corner--tr{
  top: -1px !important;
  right: -1px !important;
  border-width: 1px 1px 0 0 !important;
}

body.sym-site .sym-page--about .sym-frame__corner--bl,
body.sym-site .sym-page--faq .sym-frame__corner--bl,
body.sym-site .sym-page--contact .sym-frame__corner--bl{
  bottom: -1px !important;
  left: -1px !important;
  border-width: 0 0 1px 1px !important;
}

body.sym-site .sym-page--about .sym-frame__corner--br,
body.sym-site .sym-page--faq .sym-frame__corner--br,
body.sym-site .sym-page--contact .sym-frame__corner--br{
  bottom: -1px !important;
  right: -1px !important;
  border-width: 0 1px 1px 0 !important;
}

body.sym-site .sym-page--contact .sym-contact__submit{
  min-width: 124px !important;
  padding: 0 20px !important;
  letter-spacing: .10em !important;
}

@media (max-width: 900px){
  body.sym-site .sym-page--about .sym-frame__corner,
  body.sym-site .sym-page--faq .sym-frame__corner,
  body.sym-site .sym-page--contact .sym-frame__corner{
    width: 98px !important;
    height: 38px !important;
  }
}

@media (max-width: 640px){
  body.sym-site .sym-page--about .sym-frame__corner,
  body.sym-site .sym-page--faq .sym-frame__corner,
  body.sym-site .sym-page--contact .sym-frame__corner{
    width: 72px !important;
    height: 30px !important;
  }
}


/* =========================================================
   v16 – connect top/bottom frame bars for About / FAQ / Contact
   ========================================================= */
body.sym-site .sym-page--about .sym-frame,
body.sym-site .sym-page--faq .sym-frame,
body.sym-site .sym-page--contact .sym-frame{
  position: relative !important;
}

body.sym-site .sym-page--about .sym-frame::before,
body.sym-site .sym-page--faq .sym-frame::before,
body.sym-site .sym-page--contact .sym-frame::before,
body.sym-site .sym-page--about .sym-frame::after,
body.sym-site .sym-page--faq .sym-frame::after,
body.sym-site .sym-page--contact .sym-frame::after{
  content: "";
  position: absolute;
  left: 128px;
  right: 128px;
  height: 1px;
  background: rgba(197,184,143,.58);
  pointer-events: none;
}

body.sym-site .sym-page--about .sym-frame::before,
body.sym-site .sym-page--faq .sym-frame::before,
body.sym-site .sym-page--contact .sym-frame::before{
  top: -1px;
}

body.sym-site .sym-page--about .sym-frame::after,
body.sym-site .sym-page--faq .sym-frame::after,
body.sym-site .sym-page--contact .sym-frame::after{
  bottom: -1px;
}

@media (max-width: 900px){
  body.sym-site .sym-page--about .sym-frame::before,
  body.sym-site .sym-page--faq .sym-frame::before,
  body.sym-site .sym-page--contact .sym-frame::before,
  body.sym-site .sym-page--about .sym-frame::after,
  body.sym-site .sym-page--faq .sym-frame::after,
  body.sym-site .sym-page--contact .sym-frame::after{
    left: 98px;
    right: 98px;
  }
}

@media (max-width: 640px){
  body.sym-site .sym-page--about .sym-frame::before,
  body.sym-site .sym-page--faq .sym-frame::before,
  body.sym-site .sym-page--contact .sym-frame::before,
  body.sym-site .sym-page--about .sym-frame::after,
  body.sym-site .sym-page--faq .sym-frame::after,
  body.sym-site .sym-page--contact .sym-frame::after{
    left: 72px;
    right: 72px;
  }
}


/* =========================================================
   V17 – Header logged-in user name under account icon
   ========================================================= */
body.sym-site .site-tools a.tools-icon.my-account-icon,
body.sym-site .site-tools a.my-account-icon,
body.sym-site a.tools-icon.my-account-icon,
body.sym-site header a[href*="my-account"]{
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  line-height: 1 !important;
  text-decoration: none !important;
  vertical-align: top !important;
}

body.sym-site .site-tools a.tools-icon.my-account-icon svg,
body.sym-site .site-tools a.my-account-icon svg,
body.sym-site a.tools-icon.my-account-icon svg,
body.sym-site header a[href*="my-account"] svg,
body.sym-site .site-tools a.tools-icon.my-account-icon i,
body.sym-site .site-tools a.my-account-icon i,
body.sym-site a.tools-icon.my-account-icon i,
body.sym-site header a[href*="my-account"] i{
  margin: 0 !important;
}

body.sym-site .sym-user-name,
body.sym-site .site-tools a.tools-icon.my-account-icon .sym-user-name,
body.sym-site .site-tools a.my-account-icon .sym-user-name,
body.sym-site header a[href*="my-account"] .sym-user-name{
  display: block !important;
  margin: 2px 0 0 !important;
  max-width: 72px !important;
  width: 72px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-align: center !important;
  font-size: 10px !important;
  font-weight: 400 !important;
  line-height: 1.05 !important;
  letter-spacing: 0.05em !important;
  text-transform: none !important;
  color: var(--sym-gold-2) !important;
  opacity: .98 !important;
}

@media (max-width: 1024px){
  body.sym-site .sym-user-name,
  body.sym-site .site-tools a.tools-icon.my-account-icon .sym-user-name,
  body.sym-site .site-tools a.my-account-icon .sym-user-name,
  body.sym-site header a[href*="my-account"] .sym-user-name{
    max-width: 62px !important;
    width: 62px !important;
    font-size: 9px !important;
  }
}

@media (max-width: 767px){
  body.sym-site .sym-user-name,
  body.sym-site .site-tools a.tools-icon.my-account-icon .sym-user-name,
  body.sym-site .site-tools a.my-account-icon .sym-user-name,
  body.sym-site header a[href*="my-account"] .sym-user-name{
    display: none !important;
  }
}

/* Contact page – privacy link */
body.sym-site .sym-contact__gdpr-label a{
  color: var(--sym-gold-2) !important;
  text-decoration: underline !important;
}
body.sym-site .sym-contact__gdpr-label a:hover{
  color: var(--sym-gold-1) !important;
}


/* =========================================================
   V18 FIX – HEADER USERNAME + CONTACT GDPR SINGLE LINE
   ========================================================= */
body.sym-site .tools-icon.my-account > a.my-account-icon,
body.sym-site a.tools-icon.my-account-icon,
body.sym-site header a[href*="contul-meu"],
body.sym-site .site-header a[href*="contul-meu"]{
  display:inline-flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-decoration:none !important;
  line-height:1 !important;
}

body.sym-site .tools-icon.my-account > a.my-account-icon .sym-user-name,
body.sym-site a.tools-icon.my-account-icon .sym-user-name,
body.sym-site header a[href*="contul-meu"] .sym-user-name,
body.sym-site .site-header a[href*="contul-meu"] .sym-user-name{
  display:block !important;
  margin-top:4px !important;
  max-width:72px !important;
  font-size:10px !important;
  line-height:1.1 !important;
  letter-spacing:.04em !important;
  color:rgba(230,221,173,.95) !important;
  text-align:center !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

body.sym-site .tools-icon.my-account > a.my-account-icon .woostify-svg-icon,
body.sym-site a.tools-icon.my-account-icon .woostify-svg-icon,
body.sym-site header a[href*="contul-meu"] .woostify-svg-icon{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

@media (max-width: 768px){
  body.sym-site .tools-icon.my-account > a.my-account-icon .sym-user-name,
  body.sym-site a.tools-icon.my-account-icon .sym-user-name,
  body.sym-site header a[href*="contul-meu"] .sym-user-name,
  body.sym-site .site-header a[href*="contul-meu"] .sym-user-name{
    display:none !important;
  }
}

body.sym-site .sym-page--contact .sym-contact__gdpr-label{
  display:flex !important;
  align-items:flex-start !important;
  gap:8px !important;
}

body.sym-site .sym-page--contact .sym-contact__gdpr-text{
  display:inline !important;
  color:rgba(244,244,244,.92) !important;
}

body.sym-site .sym-page--contact .sym-contact__gdpr-text a{
  display:inline !important;
  white-space:nowrap !important;
  color:rgba(230,221,173,.95) !important;
  text-decoration:none !important;
}


/* =========================================================
   V19 – HOME CARD HOVER + AUTH REDESIGN (login/register)
   ========================================================= */

/* Stronger premium hover on homepage cards */
body.home.sym-site .ghicitori-card,
body.home.sym-site .ghicitori-card::before{
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, opacity .22s ease, background-color .22s ease;
}
body.home.sym-site .ghicitori-card::before{
  background:
    radial-gradient(circle at 78% 18%, rgba(230,221,173,0.26), transparent 38%),
    linear-gradient(90deg, rgba(230,221,173,0.00) 20%, rgba(230,221,173,0.06) 100%);
}
body.home.sym-site .ghicitori-card:hover{
  transform: translateY(-4px);
  border-color: rgba(230,221,173,0.62);
  box-shadow: 0 28px 82px rgba(0,0,0,0.62), 0 0 0 1px rgba(230,221,173,0.10) inset;
  background-color: rgba(8,8,8,0.82);
}
body.home.sym-site .ghicitori-card:hover::before{
  opacity: 1;
}
body.home.sym-site .ghicitori-card:hover .ghicitori-card__btn{
  border-color: rgba(230,221,173,0.88) !important;
  color: #f4ecc4 !important;
  background: rgba(197,184,143,0.10) !important;
  box-shadow: 0 0 0 1px rgba(230,221,173,0.12) inset;
}
body.home.sym-site .ghicitori-card:hover .ghicitori-card__title a,
body.home.sym-site .ghicitori-card:hover .ghicitori-card__price{
  color: #f2e7b9 !important;
}

/* ---------------------------------------------------------
   AUTH – desktop centered, same frame language as FAQ/Contact
   --------------------------------------------------------- */
body.woocommerce-account.sym-site .site-content,
body.woocommerce-account.sym-site #content,
body.woocommerce-account.sym-site .content-area,
body.woocommerce-account.sym-site .site-main,
body.woocommerce-account.sym-site .woostify-container,
body.woocommerce-account.sym-site .container{
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.woocommerce-account.sym-site .sym-auth-page{
  width: 100% !important;
  min-height: calc(100vh - 90px);
  display: grid !important;
  place-items: center !important;
  padding: 84px 24px 92px !important;
  background: #000 !important;
  box-sizing: border-box !important;
}

body.woocommerce-account.sym-site .sym-auth-page::before{
  background:
    radial-gradient(ellipse at center, rgba(0,0,0,.08) 0%, rgba(0,0,0,.72) 58%, rgba(0,0,0,.92) 100%),
    linear-gradient(180deg, rgba(0,0,0,.80) 0%, rgba(0,0,0,.48) 35%, rgba(0,0,0,.86) 100%),
    var(--sym-auth-bg-url, none);
  background-position: center center;
  background-size: cover;
  opacity: .98;
}

body.woocommerce-account.sym-site .sym-auth-frame{
  position: relative;
  z-index: 1;
  width: min(980px, calc(100vw - 48px));
  max-width: 980px;
  margin: 0 auto !important;
  padding: 72px 36px 74px !important;
  display: grid;
  place-items: center;
  background: rgba(0,0,0,0.12);
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}
body.woocommerce-account.sym-site .sym-auth-page--register .sym-auth-frame{
  width: min(980px, calc(100vw - 48px));
}

/* thin inner frame */
body.woocommerce-account.sym-site .sym-auth-frame::before{
  content:"";
  position:absolute;
  inset: 20px;
  border: 1px solid rgba(197,184,143,0.16);
  pointer-events:none;
}

/* connected top/bottom bars like About/FAQ/Contact */
body.woocommerce-account.sym-site .sym-auth-frame::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    /* top line */
    linear-gradient(rgba(197,184,143,0.44), rgba(197,184,143,0.44)) top center / calc(100% - 120px) 1px no-repeat,
    /* bottom line */
    linear-gradient(rgba(197,184,143,0.44), rgba(197,184,143,0.44)) bottom center / calc(100% - 120px) 1px no-repeat,
    /* top-left corner */
    linear-gradient(rgba(197,184,143,0.44), rgba(197,184,143,0.44)) top left / 42px 1px no-repeat,
    linear-gradient(rgba(197,184,143,0.44), rgba(197,184,143,0.44)) top left / 1px 42px no-repeat,
    /* top-right corner */
    linear-gradient(rgba(197,184,143,0.44), rgba(197,184,143,0.44)) top right / 42px 1px no-repeat,
    linear-gradient(rgba(197,184,143,0.44), rgba(197,184,143,0.44)) top right / 1px 42px no-repeat,
    /* bottom-left corner */
    linear-gradient(rgba(197,184,143,0.44), rgba(197,184,143,0.44)) bottom left / 42px 1px no-repeat,
    linear-gradient(rgba(197,184,143,0.44), rgba(197,184,143,0.44)) bottom left / 1px 42px no-repeat,
    /* bottom-right corner */
    linear-gradient(rgba(197,184,143,0.44), rgba(197,184,143,0.44)) bottom right / 42px 1px no-repeat,
    linear-gradient(rgba(197,184,143,0.44), rgba(197,184,143,0.44)) bottom right / 1px 42px no-repeat;
}

body.woocommerce-account.sym-site .sym-auth-frame__inner{
  width: 100%;
  max-width: 346px;
  margin: 0 auto;
  text-align: center;
}
body.woocommerce-account.sym-site .sym-auth-page--register .sym-auth-frame__inner{
  max-width: 392px;
}

body.woocommerce-account.sym-site .sym-auth__title{
  margin: 0 0 12px;
  font-size: 27px;
  line-height: 1.18;
  font-weight: 700;
  letter-spacing: 0.10em;
  text-transform: none;
  color: #c5b88f;
}
body.woocommerce-account.sym-site .sym-auth__subtitle{
  margin: 0 auto 20px;
  max-width: 320px;
  font-size: 16px;
  line-height: 1.45;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: rgba(255,255,255,0.86);
}
body.woocommerce-account.sym-site .sym-auth-social{ margin-bottom: 14px; }
body.woocommerce-account.sym-site .sym-auth-sep{ margin: 10px 0 18px; }
body.woocommerce-account.sym-site .sym-auth-sep span{
  font-size: 11px;
  letter-spacing: 0.18em;
}

body.woocommerce-account.sym-site .woocommerce-form.login,
body.woocommerce-account.sym-site .woocommerce-form.register{
  width: 100%;
  max-width: 314px;
  margin: 0 auto;
  padding: 20px 16px 14px;
  border-radius: 14px !important;
  border: 1px solid rgba(197,184,143,0.30) !important;
  background: rgba(8,8,8,0.60) !important;
  box-shadow: 0 18px 48px rgba(0,0,0,0.45);
}
body.woocommerce-account.sym-site .woocommerce-form.register{
  max-width: 380px;
  padding: 18px 16px 14px;
}

body.woocommerce-account.sym-site .sym-auth-page .woocommerce-form-row{ margin-bottom: 11px; }
body.woocommerce-account.sym-site .sym-auth-page .woocommerce-form-row > label{ display:none !important; }
body.woocommerce-account.sym-site .sym-auth-page input.input-text,
body.woocommerce-account.sym-site .sym-auth-page input.woocommerce-Input,
body.woocommerce-account.sym-site .sym-auth-page input[type="date"]{
  height: 37px !important;
  min-height: 37px !important;
  border-radius: 0 !important;
  border: 1px solid rgba(197,184,143,0.22) !important;
  background: rgba(0,0,0,0.52) !important;
  color: #fff !important;
  padding: 8px 12px !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  letter-spacing: 0.05em !important;
}
body.woocommerce-account.sym-site .sym-auth-page input::placeholder{ color: rgba(255,255,255,0.72) !important; }

body.woocommerce-account.sym-site .sym-auth-page .sym-pw-toggle{
  right: 8px;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: rgba(197,184,143,0.10);
  border: 1px solid rgba(197,184,143,0.30);
}
body.woocommerce-account.sym-site .sym-auth-page .sym-pw-toggle::before{ background-size: 16px 16px; width: 28px; height: 28px; }
body.woocommerce-account.sym-site .sym-auth-page input#password,
body.woocommerce-account.sym-site .sym-auth-page input#reg_password,
body.woocommerce-account.sym-site .sym-auth-page input#sym_password2{ padding-right: 42px !important; }

body.woocommerce-account.sym-site .sym-auth-page .woocommerce-form-login .form-row{ gap: 10px; }
body.woocommerce-account.sym-site .sym-auth-page .woocommerce-form__label-for-checkbox,
body.woocommerce-account.sym-site .sym-auth-page .sym-terms-row label{
  display:flex !important;
  align-items:flex-start;
  justify-content:flex-start;
  gap: 8px;
  margin: 4px 0 0;
  text-align:left;
  color: rgba(255,255,255,0.82) !important;
  font-size: 12.2px !important;
  line-height: 1.45 !important;
  letter-spacing: 0.05em !important;
}
body.woocommerce-account.sym-site .sym-auth-page .sym-terms-row input[type="checkbox"],
body.woocommerce-account.sym-site .sym-auth-page .woocommerce-form__label-for-checkbox input[type="checkbox"]{
  width: 12px;
  height: 12px;
  margin-top: 3px;
  accent-color: #c5b88f;
  flex: 0 0 12px;
}
body.woocommerce-account.sym-site .sym-auth-page .sym-terms-row a,
body.woocommerce-account.sym-site .sym-auth-page .woocommerce-form__label-for-checkbox a{
  color: #c5b88f !important;
  text-decoration: underline !important;
}

body.woocommerce-account.sym-site .sym-auth-page .woocommerce-Button.button,
body.woocommerce-account.sym-site .sym-auth-page .button,
body.woocommerce-account.sym-site .sym-auth__cta-btn{
  width: 100% !important;
  min-height: 33px !important;
  padding: 8px 14px !important;
  border-radius: 0 !important;
  border: 1px solid rgba(197,184,143,.55) !important;
  background: rgba(0,0,0,0.18) !important;
  color: rgba(230,221,173,0.95) !important;
  font-size: 13.1px !important;
  font-weight: 400 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}
body.woocommerce-account.sym-site .sym-auth-page .woocommerce-Button.button:hover,
body.woocommerce-account.sym-site .sym-auth-page .button:hover,
body.woocommerce-account.sym-site .sym-auth__cta-btn:hover{
  background: rgba(197,184,143,0.12) !important;
  border-color: rgba(230,221,173,.82) !important;
  box-shadow: 0 0 0 1px rgba(230,221,173,0.10) inset !important;
  transform: translateY(-1px);
}

body.woocommerce-account.sym-site .woocommerce-LostPassword{
  margin-top: 8px;
  text-align: center;
}
body.woocommerce-account.sym-site .woocommerce-LostPassword a{
  font-size: 12.2px !important;
  font-style: italic;
  letter-spacing: 0.05em !important;
  color: rgba(230,221,173,0.92) !important;
}
body.woocommerce-account.sym-site .sym-auth__cta{
  margin-top: 24px;
}
body.woocommerce-account.sym-site .sym-auth__cta-text{
  margin-bottom: 10px;
  font-size: 26.3px;
  line-height: 1.18;
  font-weight: 400;
  letter-spacing: 0.05em;
  color: rgba(255,255,255,0.90);
}
body.woocommerce-account.sym-site .sym-auth__switch{
  margin-top: 24px;
}
body.woocommerce-account.sym-site .sym-auth__link{
  font-size: 14px;
  letter-spacing: 0.05em;
  color: rgba(230,221,173,0.92) !important;
}

/* keep register two fields on same row but tighter */
body.woocommerce-account.sym-site .sym-auth-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 11px 11px;
}
body.woocommerce-account.sym-site .sym-auth-grid > p:nth-child(n+3){ grid-column: 1 / -1; }

@media (max-width: 768px){
  body.woocommerce-account.sym-site .sym-auth-page{
    min-height: auto;
    padding: 48px 14px 56px !important;
  }
  body.woocommerce-account.sym-site .sym-auth-frame{
    width: 100%;
    padding: 44px 16px 48px !important;
  }
  body.woocommerce-account.sym-site .sym-auth-frame::after{
    background:
      linear-gradient(rgba(197,184,143,0.40), rgba(197,184,143,0.40)) top center / calc(100% - 64px) 1px no-repeat,
      linear-gradient(rgba(197,184,143,0.40), rgba(197,184,143,0.40)) bottom center / calc(100% - 64px) 1px no-repeat,
      linear-gradient(rgba(197,184,143,0.40), rgba(197,184,143,0.40)) top left / 28px 1px no-repeat,
      linear-gradient(rgba(197,184,143,0.40), rgba(197,184,143,0.40)) top left / 1px 28px no-repeat,
      linear-gradient(rgba(197,184,143,0.40), rgba(197,184,143,0.40)) top right / 28px 1px no-repeat,
      linear-gradient(rgba(197,184,143,0.40), rgba(197,184,143,0.40)) top right / 1px 28px no-repeat,
      linear-gradient(rgba(197,184,143,0.40), rgba(197,184,143,0.40)) bottom left / 28px 1px no-repeat,
      linear-gradient(rgba(197,184,143,0.40), rgba(197,184,143,0.40)) bottom left / 1px 28px no-repeat,
      linear-gradient(rgba(197,184,143,0.40), rgba(197,184,143,0.40)) bottom right / 28px 1px no-repeat,
      linear-gradient(rgba(197,184,143,0.40), rgba(197,184,143,0.40)) bottom right / 1px 28px no-repeat;
  }
  body.woocommerce-account.sym-site .sym-auth-frame__inner,
  body.woocommerce-account.sym-site .sym-auth-page--register .sym-auth-frame__inner,
  body.woocommerce-account.sym-site .woocommerce-form.register,
  body.woocommerce-account.sym-site .woocommerce-form.login{ max-width: 100%; }
  body.woocommerce-account.sym-site .sym-auth-grid{ grid-template-columns: 1fr; }
}


/* =========================================================
   V20 – AUTH DESKTOP CENTER + SINGLE FRAME LINES
   ========================================================= */
body.woocommerce-account.sym-site .sym-auth-page{
  min-height: calc(100vh - 72px) !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  padding: 72px 16px 48px !important;
}
body.woocommerce-account.sym-site .sym-auth-frame{
  position: relative !important;
  width: min(1120px, calc(100vw - 64px)) !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding: 72px 32px !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  background: transparent !important;
}
body.woocommerce-account.sym-site .sym-auth-frame::before{
  content:none !important;
}
body.woocommerce-account.sym-site .sym-auth-frame::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(rgba(197,184,143,.42), rgba(197,184,143,.42)) top center / calc(100% - 124px) 1px no-repeat,
    linear-gradient(rgba(197,184,143,.42), rgba(197,184,143,.42)) bottom center / calc(100% - 124px) 1px no-repeat,
    linear-gradient(rgba(197,184,143,.42), rgba(197,184,143,.42)) top left / 44px 1px no-repeat,
    linear-gradient(rgba(197,184,143,.42), rgba(197,184,143,.42)) top left / 1px 36px no-repeat,
    linear-gradient(rgba(197,184,143,.42), rgba(197,184,143,.42)) top right / 44px 1px no-repeat,
    linear-gradient(rgba(197,184,143,.42), rgba(197,184,143,.42)) top right / 1px 36px no-repeat,
    linear-gradient(rgba(197,184,143,.42), rgba(197,184,143,.42)) bottom left / 44px 1px no-repeat,
    linear-gradient(rgba(197,184,143,.42), rgba(197,184,143,.42)) bottom left / 1px 36px no-repeat,
    linear-gradient(rgba(197,184,143,.42), rgba(197,184,143,.42)) bottom right / 44px 1px no-repeat,
    linear-gradient(rgba(197,184,143,.42), rgba(197,184,143,.42)) bottom right / 1px 36px no-repeat !important;
}
body.woocommerce-account.sym-site .sym-auth-frame__inner{
  width: min(540px, 100%) !important;
  max-width: 540px !important;
  margin: 0 auto !important;
  text-align:center !important;
  transform:none !important;
}
body.woocommerce-account.sym-site .sym-auth-page--register .sym-auth-frame__inner{
  width: min(700px, 100%) !important;
  max-width: 700px !important;
}
@media (max-width: 767px){
  body.woocommerce-account.sym-site .sym-auth-frame{
    width: min(100%, calc(100vw - 28px)) !important;
    padding: 42px 18px !important;
  }
  body.woocommerce-account.sym-site .sym-auth-frame::after{
    background:
      linear-gradient(rgba(197,184,143,.40), rgba(197,184,143,.40)) top center / calc(100% - 76px) 1px no-repeat,
      linear-gradient(rgba(197,184,143,.40), rgba(197,184,143,.40)) bottom center / calc(100% - 76px) 1px no-repeat,
      linear-gradient(rgba(197,184,143,.40), rgba(197,184,143,.40)) top left / 26px 1px no-repeat,
      linear-gradient(rgba(197,184,143,.40), rgba(197,184,143,.40)) top left / 1px 26px no-repeat,
      linear-gradient(rgba(197,184,143,.40), rgba(197,184,143,.40)) top right / 26px 1px no-repeat,
      linear-gradient(rgba(197,184,143,.40), rgba(197,184,143,.40)) top right / 1px 26px no-repeat,
      linear-gradient(rgba(197,184,143,.40), rgba(197,184,143,.40)) bottom left / 26px 1px no-repeat,
      linear-gradient(rgba(197,184,143,.40), rgba(197,184,143,.40)) bottom left / 1px 26px no-repeat,
      linear-gradient(rgba(197,184,143,.40), rgba(197,184,143,.40)) bottom right / 26px 1px no-repeat,
      linear-gradient(rgba(197,184,143,.40), rgba(197,184,143,.40)) bottom right / 1px 26px no-repeat !important;
  }
}


/* =========================================================
   V20.1 – MOBILE UI HOTFIXES (footer icons, status badge, burger menu, cart)
   ========================================================= */
@media (max-width: 860px){
  /* 1) Footer social icons: gold and visible on mobile */
  body.sym-site footer .social-icons a,
  body.sym-site footer .social-icons i,
  body.sym-site footer .social-icons svg,
  body.sym-site footer .social-media-icon a,
  body.sym-site footer .social-media-icon i,
  body.sym-site footer .social-media-icon svg,
  body.sym-site footer .footer-social a,
  body.sym-site footer .footer-social i,
  body.sym-site footer .footer-social svg,
  body.sym-site .site-footer .social-icons a,
  body.sym-site .site-footer .social-icons i,
  body.sym-site .site-footer .social-icons svg,
  body.sym-site .site-footer .social-media-icon a,
  body.sym-site .site-footer .social-media-icon i,
  body.sym-site .site-footer .social-media-icon svg,
  body.sym-site .site-footer .woostify-social-box a,
  body.sym-site .site-footer .woostify-social-box i,
  body.sym-site .site-footer .woostify-social-box svg,
  body.sym-site .site-footer [class*="facebook"],
  body.sym-site .site-footer [class*="instagram"],
  body.sym-site .site-footer [class*="youtube"],
  body.sym-site .site-footer [class*="tiktok"]{
    color: var(--sym-gold-2, #c5b88f) !important;
    fill: var(--sym-gold-2, #c5b88f) !important;
    stroke: var(--sym-gold-2, #c5b88f) !important;
    opacity: 1 !important;
  }

  body.sym-site .site-footer .social-icons a,
  body.sym-site .site-footer .footer-social a,
  body.sym-site .site-footer .woostify-social-box a{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 999px !important;
    background: rgba(197,184,143,.08) !important;
    border: 1px solid rgba(197,184,143,.20) !important;
  }

  /* 2) Listing cards: status badge no longer overlaps title/text */
  body.sym-site .ghicitori-card,
  body.home.sym-site .ghicitori-card,
  body.page-id-2234.sym-site .ghicitori-card{
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }

  body.sym-site .ghicitori-card__thumb,
  body.home.sym-site .ghicitori-card__thumb,
  body.page-id-2234.sym-site .ghicitori-card__thumb{
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 220px !important;
    min-height: 220px !important;
  }

  body.sym-site .ghicitori-card__body,
  body.home.sym-site .ghicitori-card__body,
  body.page-id-2234.sym-site .ghicitori-card__body{
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
    padding: 14px 14px 16px !important;
  }

  body.sym-site .ghicitori-card__badge,
  body.home.sym-site .ghicitori-card__badge,
  body.page-id-2234.sym-site .ghicitori-card__badge{
    position: static !important;
    top: auto !important;
    right: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 0 2px 0 !important;
    padding: 4px 10px !important;
    border-radius: 999px !important;
    white-space: normal !important;
    line-height: 1.2 !important;
    font-size: 11px !important;
    max-width: 100% !important;
  }

  body.sym-site .ghicitori-card__title,
  body.sym-site .ghicitori-card__name,
  body.home.sym-site .ghicitori-card__title,
  body.home.sym-site .ghicitori-card__name,
  body.page-id-2234.sym-site .ghicitori-card__title,
  body.page-id-2234.sym-site .ghicitori-card__name{
    width: 100% !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: initial !important;
    line-height: 1.18 !important;
    padding-right: 0 !important;
  }

  /* 3) Burger menu mobile: cleaner layout + visible close button */
  body.sym-site .sidebar-menu{
    width: min(92vw, 380px) !important;
    max-width: 380px !important;
    padding-top: 68px !important;
    background: linear-gradient(180deg, rgba(8,8,8,.98), rgba(3,3,3,.98)) !important;
    border-right: 1px solid rgba(197,184,143,.24) !important;
    box-shadow: 24px 0 80px rgba(0,0,0,.72) !important;
    z-index: 999999 !important;
  }

  body.sym-site .sidebar-menu .main-navigation{
    padding: 10px 16px 20px !important;
  }

  body.sym-site .sidebar-menu .main-navigation li.menu-item{
    margin: 0 0 10px 0 !important;
    border-bottom: 0 !important;
  }

  body.sym-site .sidebar-menu .main-navigation li.menu-item > a{
    min-height: 54px !important;
    padding: 14px 16px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(197,184,143,.22) !important;
    background: rgba(255,255,255,.02) !important;
    color: rgba(244,244,244,.94) !important;
    font-size: 12px !important;
    letter-spacing: .10em !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.015) !important;
  }

  body.sym-site .sidebar-menu .main-navigation li.current-menu-item > a,
  body.sym-site .sidebar-menu .main-navigation li.current_page_item > a{
    background: rgba(197,184,143,.12) !important;
    border-color: rgba(230,221,173,.34) !important;
    color: #e6ddad !important;
  }

  body.sym-site .sidebar-menu .sidebar-menu-close,
  body.sym-site .sidebar-menu .close-sidebar,
  body.sym-site .sidebar-menu .sidebar-menu__close,
  body.sym-site .sidebar-menu button.close{
    top: 14px !important;
    right: 14px !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 14px !important;
    background: rgba(197,184,143,.14) !important;
    border: 1px solid rgba(230,221,173,.52) !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.55) !important;
  }

  body.sym-site .sidebar-menu .sidebar-menu-close svg,
  body.sym-site .sidebar-menu .close-sidebar svg,
  body.sym-site .sidebar-menu .sidebar-menu__close svg,
  body.sym-site .sidebar-menu button.close svg,
  body.sym-site .sidebar-menu .sidebar-menu-close i,
  body.sym-site .sidebar-menu .close-sidebar i{
    width: 16px !important;
    height: 16px !important;
    color: #e6ddad !important;
    fill: #e6ddad !important;
    stroke: #e6ddad !important;
  }

  /* 4 + 5) Mini cart / cart drawer: professional mobile layout */
  body.sym-site #shop-cart-sidebar{
    width: min(92vw, 390px) !important;
    max-width: 390px !important;
    background: linear-gradient(180deg, #121212 0%, #090909 100%) !important;
    border-left: 1px solid rgba(197,184,143,.20) !important;
    box-shadow: -20px 0 80px rgba(0,0,0,.68) !important;
    z-index: 999999 !important;
  }

  body.sym-site #shop-cart-sidebar .cart-sidebar-head{
    position: sticky !important;
    top: 0 !important;
    z-index: 8 !important;
    padding: 14px 14px !important;
    background: linear-gradient(180deg, rgba(18,18,18,.98), rgba(14,14,14,.94)) !important;
    border-bottom: 1px solid rgba(197,184,143,.16) !important;
  }

  body.sym-site #shop-cart-sidebar .cart-sidebar-title{
    font-size: 13px !important;
    letter-spacing: .11em !important;
    line-height: 1.2 !important;
    padding-right: 6px !important;
  }

  body.sym-site #shop-cart-sidebar .shop-cart-count{
    width: 22px !important;
    height: 22px !important;
    font-size: 11px !important;
    margin-left: 6px !important;
  }

  body.sym-site #shop-cart-sidebar #close-cart-sidebar-btn.close{
    width: 40px !important;
    height: 40px !important;
    border-radius: 14px !important;
    background: rgba(197,184,143,.12) !important;
    border: 1px solid rgba(230,221,173,.44) !important;
    margin-left: auto !important;
    flex: 0 0 40px !important;
  }

  body.sym-site #shop-cart-sidebar .cart-sidebar-content{
    padding: 12px 12px 16px !important;
  }

  body.sym-site #shop-cart-sidebar li.woocommerce-mini-cart-item,
  body.sym-site #shop-cart-sidebar li.mini_cart_item{
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    grid-template-areas:
      "title remove"
      "meta meta" !important;
    column-gap: 10px !important;
    row-gap: 10px !important;
    align-items: start !important;
    padding: 14px 14px 12px !important;
    margin: 0 0 12px 0 !important;
    border-radius: 16px !important;
    border: 1px solid rgba(197,184,143,.16) !important;
    background: rgba(255,255,255,.025) !important;
  }

  body.sym-site #shop-cart-sidebar li.woocommerce-mini-cart-item > a:not(.remove),
  body.sym-site #shop-cart-sidebar li.mini_cart_item > a:not(.remove){
    grid-area: title !important;
    display: block !important;
    padding-right: 4px !important;
    color: rgba(244,244,244,.94) !important;
    font-size: 14px !important;
    line-height: 1.28 !important;
    font-weight: 700 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: initial !important;
  }

  body.sym-site #shop-cart-sidebar li.woocommerce-mini-cart-item img,
  body.sym-site #shop-cart-sidebar li.mini_cart_item img{
    display: none !important;
  }

  body.sym-site #shop-cart-sidebar a.remove.remove_from_cart_button{
    grid-area: remove !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 999px !important;
    background: rgba(197,184,143,.10) !important;
    border: 1px solid rgba(197,184,143,.30) !important;
  }

  body.sym-site #shop-cart-sidebar .mini-cart-product-infor,
  body.sym-site #shop-cart-sidebar .quantity,
  body.sym-site #shop-cart-sidebar .mini-cart-quantity{
    grid-area: meta !important;
    width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
  }

  body.sym-site #shop-cart-sidebar .mini-cart-quantity{
    padding-top: 2px !important;
  }

  body.sym-site #shop-cart-sidebar .mini-cart-product-price,
  body.sym-site #shop-cart-sidebar .quantity .amount,
  body.sym-site #shop-cart-sidebar .mini-cart-product-price .amount{
    min-width: 0 !important;
    text-align: right !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    color: var(--sym-gold-1, #e6ddad) !important;
  }

  body.sym-site #shop-cart-sidebar .mini-cart-product-qty,
  body.sym-site #shop-cart-sidebar input.qty{
    height: 32px !important;
    min-height: 32px !important;
  }

  body.sym-site #shop-cart-sidebar .mini-cart-product-qty{
    width: 32px !important;
    border-radius: 10px !important;
  }

  body.sym-site #shop-cart-sidebar input.qty{
    width: 48px !important;
    min-width: 48px !important;
    border-radius: 10px !important;
  }

  body.sym-site #shop-cart-sidebar .woocommerce-mini-cart__bottom{
    margin-top: 10px !important;
    padding-top: 14px !important;
  }

  body.sym-site #shop-cart-sidebar .woocommerce-mini-cart__total{
    margin-bottom: 12px !important;
    padding-top: 4px !important;
  }

  body.sym-site #shop-cart-sidebar .woocommerce-mini-cart__buttons a{
    height: 48px !important;
    font-size: 12px !important;
    letter-spacing: .14em !important;
  }
}

@media (max-width: 480px){
  body.sym-site #shop-cart-sidebar,
  body.sym-site .sidebar-menu{
    width: calc(100vw - 18px) !important;
    max-width: calc(100vw - 18px) !important;
  }

  body.sym-site #shop-cart-sidebar .cart-sidebar-title{
    max-width: calc(100% - 70px) !important;
  }

  body.sym-site #shop-cart-sidebar .woocommerce-mini-cart__buttons a{
    height: 46px !important;
  }
}

/* =========================================================
   SHAKEYOURMIND – PATCH 2026-04-16 v0.2.1
   - card badge vertical on mobile
   - stronger desktop gold hover
   - mini-cart product row rebuilt (desktop + mobile)
   - close/remove buttons centered and framed better
   ========================================================= */

/* Stronger golden hover on desktop cards */
@media (min-width: 992px){
  body.sym-site .ghicitori-card,
  body.home.sym-site .ghicitori-card,
  body.page-id-2234.sym-site .ghicitori-card{
    transition:
      transform .22s ease,
      border-color .22s ease,
      box-shadow .22s ease,
      background .22s ease !important;
  }

  body.sym-site .ghicitori-card:hover,
  body.home.sym-site .ghicitori-card:hover,
  body.page-id-2234.sym-site .ghicitori-card:hover{
    border-color: rgba(230,221,173,.62) !important;
    box-shadow:
      0 0 0 1px rgba(230,221,173,.20),
      0 28px 90px rgba(0,0,0,.58),
      0 0 28px rgba(230,221,173,.12) !important;
    background: linear-gradient(180deg, rgba(26,24,20,.96), rgba(12,12,12,.98)) !important;
    transform: translateY(-3px) !important;
  }

  body.sym-site .ghicitori-card:hover .ghicitori-card__title a,
  body.home.sym-site .ghicitori-card:hover .ghicitori-card__title a,
  body.page-id-2234.sym-site .ghicitori-card:hover .ghicitori-card__title a{
    color: #f4e8bf !important;
    text-shadow: 0 0 18px rgba(230,221,173,.12);
  }
}

/* Mobile status badge: vertical, compact, visually separated */
@media (max-width: 767px){
  body.sym-site .ghicitori-card,
  body.home.sym-site .ghicitori-card,
  body.page-id-2234.sym-site .ghicitori-card{
    overflow: visible !important;
  }

  body.sym-site .ghicitori-card__badge,
  body.home.sym-site .ghicitori-card__badge,
  body.page-id-2234.sym-site .ghicitori-card__badge{
    position: absolute !important;
    top: 12px !important;
    left: -22px !important;
    right: auto !important;
    min-width: 24px !important;
    max-width: 24px !important;
    writing-mode: vertical-rl !important;
    text-orientation: mixed !important;
    transform: rotate(180deg) !important;
    white-space: normal !important;
    line-height: 1 !important;
    letter-spacing: .02em !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 6px 2px !important;
    text-align: center !important;
    border-radius: 999px !important;
    border: 1px solid rgba(197,184,143,.18) !important;
    background: rgba(0,0,0,.46) !important;
    box-shadow: 0 10px 22px rgba(0,0,0,.32) !important;
    z-index: 8 !important;
  }

  body.sym-site .ghicitori-card__badge--active,
  body.home.sym-site .ghicitori-card__badge--active,
  body.page-id-2234.sym-site .ghicitori-card__badge--active{
    color: #4be18a !important;
    border-color: rgba(75,225,138,.22) !important;
  }

  body.sym-site .ghicitori-card__badge--finished,
  body.home.sym-site .ghicitori-card__badge--finished,
  body.page-id-2234.sym-site .ghicitori-card__badge--finished{
    color: #ff9b9b !important;
    border-color: rgba(255,155,155,.18) !important;
  }

  body.sym-site .ghicitori-card__badge--upcoming,
  body.home.sym-site .ghicitori-card__badge--upcoming,
  body.page-id-2234.sym-site .ghicitori-card__badge--upcoming{
    color: rgba(230,221,173,.95) !important;
    border-color: rgba(230,221,173,.18) !important;
  }
}

/* Mini-cart: rebuild row so title, controls and price stay clean on both desktop/mobile */
body.sym-site #shop-cart-sidebar li.woocommerce-mini-cart-item,
body.sym-site #shop-cart-sidebar li.mini_cart_item{
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0,1fr) auto !important;
  grid-template-areas:
    "title remove"
    "controls controls"
    "price price" !important;
  align-items: start !important;
  column-gap: 12px !important;
  row-gap: 10px !important;
  padding: 16px 18px 14px !important;
  margin: 0 0 14px 0 !important;
  border-radius: 18px !important;
  border: 1px solid rgba(197,184,143,.18) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.018)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 16px 34px rgba(0,0,0,.24) !important;
}

body.sym-site #shop-cart-sidebar li.woocommerce-mini-cart-item > a:not(.remove),
body.sym-site #shop-cart-sidebar li.mini_cart_item > a:not(.remove){
  grid-area: title !important;
  align-self: start !important;
  display: block !important;
  max-width: 100% !important;
  padding: 0 18px 0 0 !important;
  margin: 0 !important;
  color: rgba(244,244,244,.96) !important;
  font-size: 20px !important;
  line-height: 1.18 !important;
  font-weight: 700 !important;
  letter-spacing: .01em !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: initial !important;
  word-break: break-word !important;
}

body.sym-site #shop-cart-sidebar li.woocommerce-mini-cart-item img,
body.sym-site #shop-cart-sidebar li.mini_cart_item img{
  display: none !important;
}

body.sym-site #shop-cart-sidebar .mini-cart-product-infor,
body.sym-site #shop-cart-sidebar .quantity,
body.sym-site #shop-cart-sidebar .mini-cart-quantity{
  grid-area: controls !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
  margin: 0 !important;
}

body.sym-site #shop-cart-sidebar .mini-cart-product-price,
body.sym-site #shop-cart-sidebar .quantity .amount,
body.sym-site #shop-cart-sidebar .mini-cart-product-price .amount,
body.sym-site #shop-cart-sidebar .mini-cart-product-price .woocommerce-Price-amount{
  grid-area: price !important;
  width: 100% !important;
  display: block !important;
  text-align: center !important;
  margin: -2px 0 0 !important;
  font-size: 15px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  color: var(--sym-gold-1, #e6ddad) !important;
}

body.sym-site #shop-cart-sidebar .mini-cart-product-qty,
body.sym-site #shop-cart-sidebar input.qty{
  height: 34px !important;
  min-height: 34px !important;
}

body.sym-site #shop-cart-sidebar .mini-cart-product-qty{
  width: 34px !important;
  min-width: 34px !important;
  border-radius: 10px !important;
}

body.sym-site #shop-cart-sidebar input.qty{
  width: 52px !important;
  min-width: 52px !important;
  padding: 0 !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

/* Header close button and product remove button */
body.sym-site #shop-cart-sidebar #close-cart-sidebar-btn.close,
body.sym-site #shop-cart-sidebar a.remove.remove_from_cart_button{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: rgba(197,184,143,.10) !important;
  border: 1px solid rgba(197,184,143,.38) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03) !important;
}

body.sym-site #shop-cart-sidebar #close-cart-sidebar-btn.close{
  width: 42px !important;
  height: 42px !important;
}

body.sym-site #shop-cart-sidebar a.remove.remove_from_cart_button{
  grid-area: remove !important;
  position: relative !important;
  top: auto !important;
  right: auto !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  margin: 0 !important;
  font-size: 0 !important;
}

body.sym-site #shop-cart-sidebar #close-cart-sidebar-btn.close svg,
body.sym-site #shop-cart-sidebar a.remove.remove_from_cart_button svg{
  width: 13px !important;
  height: 13px !important;
}

body.sym-site #shop-cart-sidebar #close-cart-sidebar-btn.close svg path,
body.sym-site #shop-cart-sidebar a.remove.remove_from_cart_button svg path{
  fill: var(--sym-gold-2, #c5b88f) !important;
}

body.sym-site #shop-cart-sidebar #close-cart-sidebar-btn.close:hover,
body.sym-site #shop-cart-sidebar a.remove.remove_from_cart_button:hover{
  background: rgba(230,221,173,.18) !important;
  border-color: rgba(230,221,173,.62) !important;
  box-shadow: 0 0 0 4px rgba(230,221,173,.08) !important;
}

/* Desktop cart sidebar: more elegant spacing */
@media (min-width: 768px){
  body.sym-site #shop-cart-sidebar .cart-sidebar-head{
    padding: 18px 22px !important;
  }

  body.sym-site #shop-cart-sidebar .cart-sidebar-content{
    padding: 16px 22px 18px !important;
  }

  body.sym-site #shop-cart-sidebar .cart-sidebar-title{
    font-size: 15px !important;
    letter-spacing: .12em !important;
  }

  body.sym-site #shop-cart-sidebar li.woocommerce-mini-cart-item > a:not(.remove),
  body.sym-site #shop-cart-sidebar li.mini_cart_item > a:not(.remove){
    font-size: 18px !important;
    line-height: 1.2 !important;
    max-width: 15ch !important;
  }
}

/* Mobile cart sidebar: keep row compact and perfectly centered */
@media (max-width: 767px){
  body.sym-site #shop-cart-sidebar li.woocommerce-mini-cart-item,
  body.sym-site #shop-cart-sidebar li.mini_cart_item{
    padding: 14px 14px 12px !important;
    row-gap: 9px !important;
  }

  body.sym-site #shop-cart-sidebar li.woocommerce-mini-cart-item > a:not(.remove),
  body.sym-site #shop-cart-sidebar li.mini_cart_item > a:not(.remove){
    font-size: 14px !important;
    line-height: 1.22 !important;
    max-width: 12ch !important;
    padding-right: 8px !important;
  }

  body.sym-site #shop-cart-sidebar .mini-cart-product-infor,
  body.sym-site #shop-cart-sidebar .quantity,
  body.sym-site #shop-cart-sidebar .mini-cart-quantity{
    justify-content: flex-start !important;
  }

  body.sym-site #shop-cart-sidebar .mini-cart-product-price,
  body.sym-site #shop-cart-sidebar .quantity .amount,
  body.sym-site #shop-cart-sidebar .mini-cart-product-price .amount,
  body.sym-site #shop-cart-sidebar .mini-cart-product-price .woocommerce-Price-amount{
    font-size: 13px !important;
  }

  body.sym-site #shop-cart-sidebar .mini-cart-product-qty,
  body.sym-site #shop-cart-sidebar input.qty{
    height: 32px !important;
    min-height: 32px !important;
  }

  body.sym-site #shop-cart-sidebar .mini-cart-product-qty{
    width: 32px !important;
    min-width: 32px !important;
  }

  body.sym-site #shop-cart-sidebar input.qty{
    width: 46px !important;
    min-width: 46px !important;
  }

  body.sym-site #shop-cart-sidebar #close-cart-sidebar-btn.close,
  body.sym-site #shop-cart-sidebar a.remove.remove_from_cart_button{
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
  }
}

/* =========================================================
   V21.1 – FINAL MOBILE CIRCLE + CART SIDEBAR + SOCIAL GOLD
   ========================================================= */

/* 1) Kill any residual decorative circle/frame on mobile listing/home */
@media (max-width: 860px){
  body.sym-site .ghicitori-tabs,
  body.home.sym-site .ghicitori-tabs,
  body.page-id-2234.sym-site .ghicitori-tabs,
  body.sym-site .ghicitori-tabs__top,
  body.home.sym-site .ghicitori-tabs__top,
  body.page-id-2234.sym-site .ghicitori-tabs__top,
  body.sym-site .ghicitori-tabs__nav,
  body.home.sym-site .ghicitori-tabs__nav,
  body.page-id-2234.sym-site .ghicitori-tabs__nav,
  body.sym-site .ghicitori-tabs__content,
  body.sym-site .ghicitori-tabs__panel,
  body.sym-site .ghicitori-list,
  body.sym-site .ghicitori-grid,
  body.sym-site .ghicitori-filters,
  body.sym-site .ghicitori-filter,
  body.sym-site .sym-filter,
  body.sym-site .sym-filter-group{
    background-image: none !important;
    box-shadow: none !important;
  }

  body.sym-site .ghicitori-tabs::before,
  body.sym-site .ghicitori-tabs::after,
  body.home.sym-site .ghicitori-tabs::before,
  body.home.sym-site .ghicitori-tabs::after,
  body.page-id-2234.sym-site .ghicitori-tabs::before,
  body.page-id-2234.sym-site .ghicitori-tabs::after,
  body.sym-site .ghicitori-tabs__top::before,
  body.sym-site .ghicitori-tabs__top::after,
  body.sym-site .ghicitori-tabs__nav::before,
  body.sym-site .ghicitori-tabs__nav::after,
  body.sym-site .ghicitori-tabs__content::before,
  body.sym-site .ghicitori-tabs__content::after,
  body.sym-site .ghicitori-tabs__panel::before,
  body.sym-site .ghicitori-tabs__panel::after,
  body.sym-site .ghicitori-list::before,
  body.sym-site .ghicitori-list::after,
  body.sym-site .ghicitori-grid::before,
  body.sym-site .ghicitori-grid::after,
  body.sym-site .ghicitori-filters::before,
  body.sym-site .ghicitori-filters::after,
  body.sym-site .ghicitori-filter::before,
  body.sym-site .ghicitori-filter::after,
  body.sym-site .sym-filter::before,
  body.sym-site .sym-filter::after,
  body.sym-site .sym-filter-group::before,
  body.sym-site .sym-filter-group::after{
    content: none !important;
    display: none !important;
    background: none !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
  }
}

/* 2) Footer / social icons gold on both desktop and mobile */
body.sym-site footer a[href*="facebook"],
body.sym-site footer a[href*="instagram"],
body.sym-site footer a[href*="tiktok"],
body.sym-site footer a[href*="youtube"],
body.sym-site .site-footer a[href*="facebook"],
body.sym-site .site-footer a[href*="instagram"],
body.sym-site .site-footer a[href*="tiktok"],
body.sym-site .site-footer a[href*="youtube"],
body.sym-site footer .social-icons a,
body.sym-site footer .footer-social a,
body.sym-site footer .woostify-social-box a,
body.sym-site .site-footer .social-icons a,
body.sym-site .site-footer .footer-social a,
body.sym-site .site-footer .woostify-social-box a{
  color: var(--sym-gold-2, #c5b88f) !important;
  fill: var(--sym-gold-2, #c5b88f) !important;
  opacity: 1 !important;
}

body.sym-site footer a[href*="facebook"] *,
body.sym-site footer a[href*="instagram"] *,
body.sym-site footer a[href*="tiktok"] *,
body.sym-site footer a[href*="youtube"] *,
body.sym-site .site-footer a[href*="facebook"] *,
body.sym-site .site-footer a[href*="instagram"] *,
body.sym-site .site-footer a[href*="tiktok"] *,
body.sym-site .site-footer a[href*="youtube"] *,
body.sym-site footer .social-icons a *,
body.sym-site footer .footer-social a *,
body.sym-site footer .woostify-social-box a *,
body.sym-site .site-footer .social-icons a *,
body.sym-site .site-footer .footer-social a *,
body.sym-site .site-footer .woostify-social-box a *,
body.sym-site footer a[href*="facebook"]::before,
body.sym-site footer a[href*="instagram"]::before,
body.sym-site footer a[href*="tiktok"]::before,
body.sym-site footer a[href*="youtube"]::before,
body.sym-site .site-footer a[href*="facebook"]::before,
body.sym-site .site-footer a[href*="instagram"]::before,
body.sym-site .site-footer a[href*="tiktok"]::before,
body.sym-site .site-footer a[href*="youtube"]::before{
  color: var(--sym-gold-2, #c5b88f) !important;
  fill: var(--sym-gold-2, #c5b88f) !important;
}

body.sym-site footer a[href*="facebook"]:hover,
body.sym-site footer a[href*="instagram"]:hover,
body.sym-site footer a[href*="tiktok"]:hover,
body.sym-site footer a[href*="youtube"]:hover,
body.sym-site .site-footer a[href*="facebook"]:hover,
body.sym-site .site-footer a[href*="instagram"]:hover,
body.sym-site .site-footer a[href*="tiktok"]:hover,
body.sym-site .site-footer a[href*="youtube"]:hover,
body.sym-site footer .social-icons a:hover,
body.sym-site footer .footer-social a:hover,
body.sym-site footer .woostify-social-box a:hover,
body.sym-site .site-footer .social-icons a:hover,
body.sym-site .site-footer .footer-social a:hover,
body.sym-site .site-footer .woostify-social-box a:hover{
  color: var(--sym-gold-1, #e6ddad) !important;
  fill: var(--sym-gold-1, #e6ddad) !important;
  filter: drop-shadow(0 0 8px rgba(230,221,173,.18));
}

/* 3) Cart sidebar – desktop professional layout */
@media (min-width: 768px){
  body.sym-site #shop-cart-sidebar .cart-sidebar-content{
    padding: 18px 20px 20px !important;
  }

  body.sym-site #shop-cart-sidebar li.woocommerce-mini-cart-item,
  body.sym-site #shop-cart-sidebar li.mini_cart_item{
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "title qty"
      "title qty" !important;
    align-items: center !important;
    column-gap: 18px !important;
    row-gap: 0 !important;
    min-height: 110px !important;
    padding: 20px 66px 20px 18px !important;
    overflow: hidden !important;
  }

  body.sym-site #shop-cart-sidebar li.woocommerce-mini-cart-item > a:not(.remove),
  body.sym-site #shop-cart-sidebar li.mini_cart_item > a:not(.remove){
    grid-area: title !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.32 !important;
    font-weight: 700 !important;
    letter-spacing: .03em !important;
    word-break: break-word !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  body.sym-site #shop-cart-sidebar .mini-cart-product-infor,
  body.sym-site #shop-cart-sidebar .quantity,
  body.sym-site #shop-cart-sidebar .mini-cart-quantity{
    grid-area: qty !important;
    width: auto !important;
    min-width: 168px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
  }

  body.sym-site #shop-cart-sidebar .mini-cart-product-price,
  body.sym-site #shop-cart-sidebar .quantity .amount,
  body.sym-site #shop-cart-sidebar .mini-cart-product-price .amount,
  body.sym-site #shop-cart-sidebar .mini-cart-product-price .woocommerce-Price-amount{
    width: auto !important;
    min-width: 78px !important;
    margin: 0 0 0 10px !important;
    text-align: right !important;
    white-space: nowrap !important;
    font-size: 15px !important;
    line-height: 1 !important;
  }

  body.sym-site #shop-cart-sidebar .mini-cart-product-qty,
  body.sym-site #shop-cart-sidebar input.qty{
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    border-radius: 8px !important;
  }

  body.sym-site #shop-cart-sidebar input.qty{
    width: 42px !important;
    min-width: 42px !important;
    font-size: 13px !important;
  }

  body.sym-site #shop-cart-sidebar a.remove.remove_from_cart_button{
    position: absolute !important;
    top: 50% !important;
    right: 18px !important;
    transform: translateY(-50%) !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    z-index: 3 !important;
  }
}

/* 4) Cart sidebar – mobile refined layout */
@media (max-width: 767px){
  body.sym-site #shop-cart-sidebar .cart-sidebar-content{
    padding: 14px 14px 18px !important;
  }

  body.sym-site #shop-cart-sidebar li.woocommerce-mini-cart-item,
  body.sym-site #shop-cart-sidebar li.mini_cart_item{
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "title"
      "qty" !important;
    align-items: start !important;
    row-gap: 12px !important;
    min-height: 0 !important;
    padding: 16px 16px 16px !important;
    padding-right: 16px !important;
  }

  body.sym-site #shop-cart-sidebar li.woocommerce-mini-cart-item > a:not(.remove),
  body.sym-site #shop-cart-sidebar li.mini_cart_item > a:not(.remove){
    grid-area: title !important;
    max-width: none !important;
    padding: 0 40px 0 0 !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.28 !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  body.sym-site #shop-cart-sidebar .mini-cart-product-infor,
  body.sym-site #shop-cart-sidebar .quantity,
  body.sym-site #shop-cart-sidebar .mini-cart-quantity{
    grid-area: qty !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
    margin: 0 !important;
  }

  body.sym-site #shop-cart-sidebar .mini-cart-product-price,
  body.sym-site #shop-cart-sidebar .quantity .amount,
  body.sym-site #shop-cart-sidebar .mini-cart-product-price .amount,
  body.sym-site #shop-cart-sidebar .mini-cart-product-price .woocommerce-Price-amount{
    width: auto !important;
    min-width: 72px !important;
    margin: 0 0 0 auto !important;
    text-align: right !important;
    white-space: nowrap !important;
    font-size: 13px !important;
    line-height: 1 !important;
  }

  body.sym-site #shop-cart-sidebar .mini-cart-product-qty,
  body.sym-site #shop-cart-sidebar input.qty{
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    border-radius: 8px !important;
  }

  body.sym-site #shop-cart-sidebar input.qty{
    width: 42px !important;
    min-width: 42px !important;
  }

  body.sym-site #shop-cart-sidebar a.remove.remove_from_cart_button{
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    transform: none !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    z-index: 3 !important;
  }

  body.sym-site #shop-cart-sidebar .cart-sidebar-head{
    padding-right: 58px !important;
  }
}


/* =========================================================
   V24 – SAFE CART SIDEBAR + HOME MOBILE CIRCLE HARD KILL
   ========================================================= */

/* 1) Home/mobile: kill any remaining decorative arc behind tabs/cards */
@media (max-width: 860px){
  body.home.sym-site .ghicitori-tabs,
  body.home.sym-site .ghicitori-tabs__top,
  body.home.sym-site .ghicitori-tabs__nav,
  body.home.sym-site .ghicitori-tabs__content,
  body.home.sym-site .ghicitori-tabs__panel,
  body.home.sym-site .ghicitori-list,
  body.home.sym-site .ghicitori-grid,
  body.home.sym-site .ghicitori-filters,
  body.home.sym-site .ghicitori-filter,
  body.home.sym-site .sym-filter,
  body.home.sym-site .sym-filter-group{
    position: relative !important;
    overflow: hidden !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  body.home.sym-site .ghicitori-tabs,
  body.home.sym-site .ghicitori-tabs__top{
    border-radius: 0 !important;
  }

  body.home.sym-site .ghicitori-tabs::before,
  body.home.sym-site .ghicitori-tabs::after,
  body.home.sym-site .ghicitori-tabs__top::before,
  body.home.sym-site .ghicitori-tabs__top::after,
  body.home.sym-site .ghicitori-tabs__nav::before,
  body.home.sym-site .ghicitori-tabs__nav::after,
  body.home.sym-site .ghicitori-tabs__content::before,
  body.home.sym-site .ghicitori-tabs__content::after,
  body.home.sym-site .ghicitori-tabs__panel::before,
  body.home.sym-site .ghicitori-tabs__panel::after,
  body.home.sym-site .ghicitori-list::before,
  body.home.sym-site .ghicitori-list::after,
  body.home.sym-site .ghicitori-grid::before,
  body.home.sym-site .ghicitori-grid::after,
  body.home.sym-site .ghicitori-filters::before,
  body.home.sym-site .ghicitori-filters::after,
  body.home.sym-site .ghicitori-filter::before,
  body.home.sym-site .ghicitori-filter::after,
  body.home.sym-site .sym-filter::before,
  body.home.sym-site .sym-filter::after,
  body.home.sym-site .sym-filter-group::before,
  body.home.sym-site .sym-filter-group::after{
    content: none !important;
    display: none !important;
    border: 0 !important;
    box-shadow: none !important;
    background: none !important;
    background-image: none !important;
  }
}

/* 2) Cart sidebar: safe layout desktop + mobile */
body.sym-site #shop-cart-sidebar li.woocommerce-mini-cart-item,
body.sym-site #shop-cart-sidebar li.mini_cart_item,
body.sym-site #shop-cart-sidebar li.woocommerce-mini-cart-item *,
body.sym-site #shop-cart-sidebar li.mini_cart_item *{
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  word-break: normal !important;
}

body.sym-site #shop-cart-sidebar li.woocommerce-mini-cart-item > img,
body.sym-site #shop-cart-sidebar li.mini_cart_item > img{
  display: none !important;
}

body.sym-site #shop-cart-sidebar li.woocommerce-mini-cart-item > a:not(.remove),
body.sym-site #shop-cart-sidebar li.mini_cart_item > a:not(.remove){
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  color: rgba(244,244,244,.96) !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  word-break: break-word !important;
  line-height: 1.28 !important;
}

body.sym-site #shop-cart-sidebar .mini-cart-product-infor,
body.sym-site #shop-cart-sidebar .mini-cart-quantity,
body.sym-site #shop-cart-sidebar .quantity{
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
  min-width: 0 !important;
}

body.sym-site #shop-cart-sidebar .mini-cart-product-qty,
body.sym-site #shop-cart-sidebar input.qty{
  border-radius: 8px !important;
}

body.sym-site #shop-cart-sidebar .mini-cart-product-price,
body.sym-site #shop-cart-sidebar .quantity .amount,
body.sym-site #shop-cart-sidebar .mini-cart-product-price .amount,
body.sym-site #shop-cart-sidebar .mini-cart-product-price .woocommerce-Price-amount{
  white-space: nowrap !important;
  text-align: right !important;
  color: var(--sym-gold-1, #e6ddad) !important;
  font-weight: 800 !important;
}

body.sym-site #shop-cart-sidebar a.remove.remove_from_cart_button{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}

@media (min-width: 768px){
  body.sym-site #shop-cart-sidebar{
    width: 410px !important;
    max-width: min(410px, 92vw) !important;
  }

  body.sym-site #shop-cart-sidebar .cart-sidebar-content{
    padding: 18px 18px 20px !important;
  }

  body.sym-site #shop-cart-sidebar ul.woocommerce-mini-cart{
    display: grid !important;
    gap: 14px !important;
  }

  body.sym-site #shop-cart-sidebar li.woocommerce-mini-cart-item,
  body.sym-site #shop-cart-sidebar li.mini_cart_item{
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas: "title remove" "controls controls" !important;
    align-items: start !important;
    row-gap: 14px !important;
    column-gap: 12px !important;
    min-height: 0 !important;
    padding: 18px 18px 16px !important;
    overflow: hidden !important;
  }

  body.sym-site #shop-cart-sidebar li.woocommerce-mini-cart-item > a:not(.remove),
  body.sym-site #shop-cart-sidebar li.mini_cart_item > a:not(.remove){
    grid-area: title !important;
    font-size: 15px !important;
    padding-right: 0 !important;
  }

  body.sym-site #shop-cart-sidebar .mini-cart-product-infor,
  body.sym-site #shop-cart-sidebar .mini-cart-quantity,
  body.sym-site #shop-cart-sidebar .quantity{
    grid-area: controls !important;
    width: 100% !important;
    justify-content: flex-start !important;
  }

  body.sym-site #shop-cart-sidebar .mini-cart-product-price,
  body.sym-site #shop-cart-sidebar .quantity .amount,
  body.sym-site #shop-cart-sidebar .mini-cart-product-price .amount,
  body.sym-site #shop-cart-sidebar .mini-cart-product-price .woocommerce-Price-amount{
    margin-left: auto !important;
    min-width: 84px !important;
    font-size: 15px !important;
  }

  body.sym-site #shop-cart-sidebar .mini-cart-product-qty,
  body.sym-site #shop-cart-sidebar input.qty{
    width: 34px !important;
    min-width: 34px !important;
    height: 32px !important;
    min-height: 32px !important;
  }

  body.sym-site #shop-cart-sidebar input.qty{
    width: 42px !important;
    min-width: 42px !important;
  }

  body.sym-site #shop-cart-sidebar a.remove.remove_from_cart_button{
    grid-area: remove !important;
    position: static !important;
    justify-self: end !important;
    align-self: start !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    margin: 0 !important;
  }
}

@media (max-width: 767px){
  body.sym-site #shop-cart-sidebar .cart-sidebar-content{
    padding: 14px 14px 18px !important;
  }

  body.sym-site #shop-cart-sidebar ul.woocommerce-mini-cart{
    display: grid !important;
    gap: 12px !important;
  }

  body.sym-site #shop-cart-sidebar li.woocommerce-mini-cart-item,
  body.sym-site #shop-cart-sidebar li.mini_cart_item{
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: "title" "controls" !important;
    row-gap: 12px !important;
    padding: 16px 14px 14px !important;
    overflow: hidden !important;
  }

  body.sym-site #shop-cart-sidebar li.woocommerce-mini-cart-item > a:not(.remove),
  body.sym-site #shop-cart-sidebar li.mini_cart_item > a:not(.remove){
    grid-area: title !important;
    font-size: 14px !important;
    padding-right: 40px !important;
  }

  body.sym-site #shop-cart-sidebar .mini-cart-product-infor,
  body.sym-site #shop-cart-sidebar .mini-cart-quantity,
  body.sym-site #shop-cart-sidebar .quantity{
    grid-area: controls !important;
    width: 100% !important;
    justify-content: flex-start !important;
  }

  body.sym-site #shop-cart-sidebar .mini-cart-product-price,
  body.sym-site #shop-cart-sidebar .quantity .amount,
  body.sym-site #shop-cart-sidebar .mini-cart-product-price .amount,
  body.sym-site #shop-cart-sidebar .mini-cart-product-price .woocommerce-Price-amount{
    margin-left: auto !important;
    min-width: 68px !important;
    font-size: 13px !important;
  }

  body.sym-site #shop-cart-sidebar .mini-cart-product-qty,
  body.sym-site #shop-cart-sidebar input.qty{
    width: 32px !important;
    min-width: 32px !important;
    height: 30px !important;
    min-height: 30px !important;
  }

  body.sym-site #shop-cart-sidebar input.qty{
    width: 40px !important;
    min-width: 40px !important;
  }

  body.sym-site #shop-cart-sidebar a.remove.remove_from_cart_button{
    position: absolute !important;
    top: 14px !important;
    right: 14px !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    z-index: 3 !important;
  }
}


/* =========================================================
   V25 – FINAL CART SIDEBAR + BADGE + HOME ARC KILL
   ========================================================= */

/* 1) HOME / MOBILE – kill decorative arc harder and keep badge visible */
@media (max-width: 860px){
  body.home.sym-site .site-content,
  body.home.sym-site #content,
  body.home.sym-site .site-main,
  body.home.sym-site .ghicitori-tabs,
  body.home.sym-site .ghicitori-tabs__top,
  body.home.sym-site .ghicitori-tabs__content,
  body.home.sym-site .ghicitori-tabs__panel,
  body.home.sym-site .ghicitori-grid,
  body.home.sym-site .ghicitori-card,
  body.home.sym-site .ghicitori-card__thumb,
  body.home.sym-site .ghicitori-card__body{
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
  }

  body.home.sym-site .site-content::before,
  body.home.sym-site .site-content::after,
  body.home.sym-site #content::before,
  body.home.sym-site #content::after,
  body.home.sym-site .site-main::before,
  body.home.sym-site .site-main::after,
  body.home.sym-site .ghicitori-tabs::before,
  body.home.sym-site .ghicitori-tabs::after,
  body.home.sym-site .ghicitori-tabs__top::before,
  body.home.sym-site .ghicitori-tabs__top::after,
  body.home.sym-site .ghicitori-tabs__content::before,
  body.home.sym-site .ghicitori-tabs__content::after,
  body.home.sym-site .ghicitori-tabs__panel::before,
  body.home.sym-site .ghicitori-tabs__panel::after,
  body.home.sym-site .ghicitori-grid::before,
  body.home.sym-site .ghicitori-grid::after,
  body.home.sym-site .ghicitori-card::before,
  body.home.sym-site .ghicitori-card::after,
  body.home.sym-site .ghicitori-card__thumb::before{
    content: none !important;
    display: none !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body.home.sym-site .ghicitori-card,
  body.home.sym-site .ghicitori-card__thumb,
  body.home.sym-site .ghicitori-card__body{
    background: #060606 !important;
  }

  body.home.sym-site .ghicitori-card__badge,
  body.page-id-2234.sym-site .ghicitori-card__badge{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    top: 12px !important;
    left: 6px !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 8 !important;
    min-height: 84px !important;
    max-height: 120px !important;
    padding: 6px 2px !important;
    writing-mode: vertical-rl !important;
    transform: rotate(180deg) !important;
    text-orientation: mixed !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    font-size: 10px !important;
    letter-spacing: .04em !important;
    background: rgba(0,0,0,.88) !important;
    border: 1px solid rgba(197,184,143,.25) !important;
    border-radius: 999px !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.45) !important;
    opacity: 1 !important;
  }
}

/* 2) CART SIDEBAR – robust final layout after JS title wrapping */
body.sym-site #shop-cart-sidebar ul.woocommerce-mini-cart{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.sym-site #shop-cart-sidebar li.woocommerce-mini-cart-item,
body.sym-site #shop-cart-sidebar li.mini_cart_item{
  font-size: 14px !important;
  line-height: 1.3 !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

body.sym-site #shop-cart-sidebar .sym-mini-cart-title{
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(244,244,244,.96) !important;
  font-size: 15px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  white-space: normal !important;
  word-break: normal !important;
}

body.sym-site #shop-cart-sidebar li.woocommerce-mini-cart-item > img,
body.sym-site #shop-cart-sidebar li.mini_cart_item > img{
  display: none !important;
}

body.sym-site #shop-cart-sidebar .mini-cart-product-infor{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
}

body.sym-site #shop-cart-sidebar .mini-cart-quantity{
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
}

body.sym-site #shop-cart-sidebar .mini-cart-product-price,
body.sym-site #shop-cart-sidebar .mini-cart-product-price .amount,
body.sym-site #shop-cart-sidebar .mini-cart-product-price .woocommerce-Price-amount{
  margin-left: auto !important;
  white-space: nowrap !important;
  color: var(--sym-gold-1, #e6ddad) !important;
  font-weight: 800 !important;
}

body.sym-site #shop-cart-sidebar .mini-cart-product-qty,
body.sym-site #shop-cart-sidebar input.qty{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
}

body.sym-site #shop-cart-sidebar input.qty{
  text-align: center !important;
  padding: 0 !important;
}

body.sym-site #shop-cart-sidebar a.remove.remove_from_cart_button{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0 !important;
  line-height: 1 !important;
}

body.sym-site #shop-cart-sidebar a.remove.remove_from_cart_button::before{
  content: none !important;
}

@media (min-width: 768px){
  body.sym-site #shop-cart-sidebar{
    width: 396px !important;
    max-width: min(396px, 90vw) !important;
  }

  body.sym-site #shop-cart-sidebar .cart-sidebar-content{
    padding: 16px 16px 20px !important;
  }

  body.sym-site #shop-cart-sidebar ul.woocommerce-mini-cart{
    display: grid !important;
    gap: 14px !important;
  }

  body.sym-site #shop-cart-sidebar li.woocommerce-mini-cart-item,
  body.sym-site #shop-cart-sidebar li.mini_cart_item{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "title remove"
      "controls controls" !important;
    row-gap: 12px !important;
    column-gap: 12px !important;
    min-height: 0 !important;
    padding: 16px 16px 14px !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.018)) !important;
    border: 1px solid rgba(197,184,143,.18) !important;
  }

  body.sym-site #shop-cart-sidebar .sym-mini-cart-title{
    grid-area: title !important;
    padding-right: 0 !important;
  }

  body.sym-site #shop-cart-sidebar .mini-cart-product-infor{
    grid-area: controls !important;
    justify-content: space-between !important;
  }

  body.sym-site #shop-cart-sidebar .mini-cart-quantity{
    flex: 0 0 auto !important;
  }

  body.sym-site #shop-cart-sidebar .mini-cart-product-price,
  body.sym-site #shop-cart-sidebar .mini-cart-product-price .amount,
  body.sym-site #shop-cart-sidebar .mini-cart-product-price .woocommerce-Price-amount{
    font-size: 15px !important;
    min-width: 88px !important;
    text-align: right !important;
  }

  body.sym-site #shop-cart-sidebar .mini-cart-product-qty,
  body.sym-site #shop-cart-sidebar input.qty{
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
  }

  body.sym-site #shop-cart-sidebar input.qty{
    width: 42px !important;
    min-width: 42px !important;
  }

  body.sym-site #shop-cart-sidebar a.remove.remove_from_cart_button{
    grid-area: remove !important;
    position: static !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    justify-self: end !important;
    align-self: start !important;
    margin: 0 !important;
  }
}

@media (max-width: 767px){
  body.sym-site #shop-cart-sidebar .cart-sidebar-content{
    padding: 14px 14px 18px !important;
  }

  body.sym-site #shop-cart-sidebar ul.woocommerce-mini-cart{
    display: grid !important;
    gap: 12px !important;
  }

  body.sym-site #shop-cart-sidebar li.woocommerce-mini-cart-item,
  body.sym-site #shop-cart-sidebar li.mini_cart_item{
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "title"
      "controls" !important;
    row-gap: 12px !important;
    min-height: 0 !important;
    padding: 16px 14px 14px !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.018)) !important;
    border: 1px solid rgba(197,184,143,.18) !important;
  }

  body.sym-site #shop-cart-sidebar .sym-mini-cart-title{
    grid-area: title !important;
    padding-right: 42px !important;
    font-size: 14px !important;
  }

  body.sym-site #shop-cart-sidebar .mini-cart-product-infor{
    grid-area: controls !important;
    justify-content: space-between !important;
  }

  body.sym-site #shop-cart-sidebar .mini-cart-quantity{
    flex: 0 0 auto !important;
  }

  body.sym-site #shop-cart-sidebar .mini-cart-product-price,
  body.sym-site #shop-cart-sidebar .mini-cart-product-price .amount,
  body.sym-site #shop-cart-sidebar .mini-cart-product-price .woocommerce-Price-amount{
    min-width: 74px !important;
    font-size: 13px !important;
    text-align: right !important;
  }

  body.sym-site #shop-cart-sidebar .mini-cart-product-qty,
  body.sym-site #shop-cart-sidebar input.qty{
    width: 32px !important;
    min-width: 32px !important;
    height: 30px !important;
    min-height: 30px !important;
  }

  body.sym-site #shop-cart-sidebar input.qty{
    width: 40px !important;
    min-width: 40px !important;
  }

  body.sym-site #shop-cart-sidebar a.remove.remove_from_cart_button{
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    z-index: 5 !important;
  }
}


/* =========================================================
   V26 – precise cart-sidebar title layout + burger close icon
   ========================================================= */

/* Mobile burger menu close icon: force gold on all possible icon structures */
body.sym-site .sidebar-menu .sidebar-menu-close,
body.sym-site .sidebar-menu .close-sidebar,
body.sym-site .sidebar-menu .sidebar-menu__close,
body.sym-site .sidebar-menu button.close,
body.sym-site .sidebar-menu .sidebar-menu-close * ,
body.sym-site .sidebar-menu .close-sidebar * ,
body.sym-site .sidebar-menu .sidebar-menu__close * ,
body.sym-site .sidebar-menu button.close *{
  color: #e6ddad !important;
}
body.sym-site .sidebar-menu .sidebar-menu-close svg,
body.sym-site .sidebar-menu .close-sidebar svg,
body.sym-site .sidebar-menu .sidebar-menu__close svg,
body.sym-site .sidebar-menu button.close svg,
body.sym-site .sidebar-menu .sidebar-menu-close svg path,
body.sym-site .sidebar-menu .close-sidebar svg path,
body.sym-site .sidebar-menu .sidebar-menu__close svg path,
body.sym-site .sidebar-menu button.close svg path,
body.sym-site .sidebar-menu .sidebar-menu-close:before,
body.sym-site .sidebar-menu .sidebar-menu-close:after,
body.sym-site .sidebar-menu .close-sidebar:before,
body.sym-site .sidebar-menu .close-sidebar:after,
body.sym-site .sidebar-menu .sidebar-menu__close:before,
body.sym-site .sidebar-menu .sidebar-menu__close:after,
body.sym-site .sidebar-menu button.close:before,
body.sym-site .sidebar-menu button.close:after{
  color: #e6ddad !important;
  fill: #e6ddad !important;
  stroke: #e6ddad !important;
  border-color: rgba(230,221,173,.72) !important;
}

/* Cart sidebar: ONLY target cart elements, do not touch card badges */
body.sym-site #shop-cart-sidebar li.woocommerce-mini-cart-item,
body.sym-site #shop-cart-sidebar li.mini_cart_item{
  position: relative !important;
  overflow: hidden !important;
}

/* hide raw text-node fallback title if it still leaks visually */
body.sym-site #shop-cart-sidebar li.woocommerce-mini-cart-item,
body.sym-site #shop-cart-sidebar li.mini_cart_item{
  color: transparent !important;
}
body.sym-site #shop-cart-sidebar li.woocommerce-mini-cart-item .sym-mini-cart-title,
body.sym-site #shop-cart-sidebar li.mini_cart_item .sym-mini-cart-title,
body.sym-site #shop-cart-sidebar li.woocommerce-mini-cart-item .mini-cart-product-infor,
body.sym-site #shop-cart-sidebar li.mini_cart_item .mini-cart-product-infor,
body.sym-site #shop-cart-sidebar li.woocommerce-mini-cart-item .mini-cart-product-infor *,
body.sym-site #shop-cart-sidebar li.mini_cart_item .mini-cart-product-infor *,
body.sym-site #shop-cart-sidebar li.woocommerce-mini-cart-item a.remove,
body.sym-site #shop-cart-sidebar li.mini_cart_item a.remove{
  color: inherit !important;
}

body.sym-site #shop-cart-sidebar img.woocommerce-placeholder.wp-post-image,
body.sym-site #shop-cart-sidebar li.woocommerce-mini-cart-item > img,
body.sym-site #shop-cart-sidebar li.mini_cart_item > img{
  display: none !important;
}

body.sym-site #shop-cart-sidebar .sym-mini-cart-title{
  display: block !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  color: #f1ede0 !important;
  overflow: visible !important;
  word-break: break-word !important;
  white-space: normal !important;
  text-overflow: clip !important;
}

body.sym-site #shop-cart-sidebar .mini-cart-product-infor{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
body.sym-site #shop-cart-sidebar .mini-cart-quantity{
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
}
body.sym-site #shop-cart-sidebar .mini-cart-product-price,
body.sym-site #shop-cart-sidebar .mini-cart-product-price .woocommerce-Price-amount,
body.sym-site #shop-cart-sidebar .mini-cart-product-price .amount{
  color: #e6ddad !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}
body.sym-site #shop-cart-sidebar a.remove.remove_from_cart_button{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0 !important;
}
body.sym-site #shop-cart-sidebar a.remove.remove_from_cart_button svg,
body.sym-site #shop-cart-sidebar a.remove.remove_from_cart_button svg path{
  fill: #e6ddad !important;
  stroke: #e6ddad !important;
}

@media (min-width: 768px){
  body.sym-site #shop-cart-sidebar .cart-sidebar-content{
    padding: 18px 18px 20px !important;
  }
  body.sym-site #shop-cart-sidebar li.woocommerce-mini-cart-item,
  body.sym-site #shop-cart-sidebar li.mini_cart_item{
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    grid-template-areas:
      "title remove"
      "controls price" !important;
    align-items: start !important;
    column-gap: 14px !important;
    row-gap: 12px !important;
    min-height: 0 !important;
    padding: 16px 18px !important;
    padding-right: 18px !important;
    border-radius: 18px !important;
  }
  body.sym-site #shop-cart-sidebar .sym-mini-cart-title{
    grid-area: title !important;
    padding-right: 8px !important;
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.34 !important;
    min-height: 0 !important;
  }
  body.sym-site #shop-cart-sidebar .mini-cart-product-infor{
    grid-area: controls / controls / controls / price !important;
    justify-content: flex-start !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  body.sym-site #shop-cart-sidebar .mini-cart-product-price,
  body.sym-site #shop-cart-sidebar .mini-cart-product-price .woocommerce-Price-amount,
  body.sym-site #shop-cart-sidebar .mini-cart-product-price .amount{
    grid-area: price !important;
    justify-self: end !important;
    align-self: center !important;
    min-width: 84px !important;
    text-align: right !important;
    margin-left: 10px !important;
    font-size: 15px !important;
    line-height: 1 !important;
  }
  body.sym-site #shop-cart-sidebar .mini-cart-product-qty,
  body.sym-site #shop-cart-sidebar input.qty{
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    border-radius: 8px !important;
  }
  body.sym-site #shop-cart-sidebar input.qty{
    width: 42px !important;
    min-width: 42px !important;
  }
  body.sym-site #shop-cart-sidebar a.remove.remove_from_cart_button{
    position: static !important;
    grid-area: remove !important;
    justify-self: end !important;
    align-self: start !important;
    transform: none !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
  }
}

@media (max-width: 767px){
  body.sym-site #shop-cart-sidebar .cart-sidebar-content{
    padding: 14px 14px 18px !important;
  }
  body.sym-site #shop-cart-sidebar li.woocommerce-mini-cart-item,
  body.sym-site #shop-cart-sidebar li.mini_cart_item{
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    grid-template-areas:
      "title remove"
      "controls price" !important;
    align-items: start !important;
    column-gap: 10px !important;
    row-gap: 10px !important;
    min-height: 0 !important;
    padding: 14px 14px !important;
    border-radius: 16px !important;
  }
  body.sym-site #shop-cart-sidebar .sym-mini-cart-title{
    grid-area: title !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    padding-right: 4px !important;
    margin: 0 !important;
  }
  body.sym-site #shop-cart-sidebar .mini-cart-product-infor{
    grid-area: controls !important;
    justify-content: flex-start !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  body.sym-site #shop-cart-sidebar .mini-cart-product-price,
  body.sym-site #shop-cart-sidebar .mini-cart-product-price .woocommerce-Price-amount,
  body.sym-site #shop-cart-sidebar .mini-cart-product-price .amount{
    grid-area: price !important;
    justify-self: end !important;
    align-self: center !important;
    min-width: 72px !important;
    margin-left: 8px !important;
    text-align: right !important;
    font-size: 13px !important;
    line-height: 1 !important;
  }
  body.sym-site #shop-cart-sidebar .mini-cart-product-qty,
  body.sym-site #shop-cart-sidebar input.qty{
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    border-radius: 8px !important;
  }
  body.sym-site #shop-cart-sidebar input.qty{
    width: 38px !important;
    min-width: 38px !important;
  }
  body.sym-site #shop-cart-sidebar a.remove.remove_from_cart_button{
    position: static !important;
    grid-area: remove !important;
    justify-self: end !important;
    align-self: start !important;
    transform: none !important;
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    margin: 0 !important;
  }
}

/* =========================================================
   V30 – SAFE HOMEPAGE BANNER + GLOBAL FONT + BURGER X FIX
   Built on stable v26
   ========================================================= */

/* 1) Global font reinforcement across the visible site */
body.sym-site,
body.sym-site h1,
body.sym-site h2,
body.sym-site h3,
body.sym-site h4,
body.sym-site h5,
body.sym-site h6,
body.sym-site p,
body.sym-site div,
body.sym-site span,
body.sym-site a,
body.sym-site li,
body.sym-site ul,
body.sym-site ol,
body.sym-site strong,
body.sym-site em,
body.sym-site small,
body.sym-site button,
body.sym-site input,
body.sym-site textarea,
body.sym-site select,
body.sym-site label,
body.sym-site th,
body.sym-site td,
body.sym-site blockquote,
body.sym-site figcaption,
body.sym-site .elementor-widget-container,
body.sym-site .menu,
body.sym-site .main-navigation,
body.sym-site .site-navigation,
body.sym-site .woocommerce,
body.sym-site .woocommerce *:not(i):not(svg):not(path):not(.fa):not(.fas):not(.far):not(.fab):not(.dashicons):not(.eicon){
  font-family: "Codec Warm", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}

/* 2) Homepage banner */
body.home.sym-site .sym-home-hero.sym-home-hero--banner{
  min-height: clamp(360px, 62vh, 720px) !important;
  padding: 112px 18px 78px !important;
  background:
    radial-gradient(circle at 75% 42%, rgba(226,208,156,0.18) 0%, rgba(226,208,156,0.06) 24%, rgba(0,0,0,0) 50%),
    linear-gradient(120deg, rgba(0,0,0,0.78) 0%, rgba(0,0,0,0.30) 38%, rgba(0,0,0,0.78) 100%),
    url('../img/home-banner.jpg') center center / cover no-repeat !important;
  position: relative !important;
  overflow: hidden !important;
  border-bottom: 1px solid rgba(197,184,143,0.16) !important;
}
body.home.sym-site .sym-home-hero.sym-home-hero--banner::before{
  content: "";
  position: absolute;
  inset: 24px 18px 22px;
  border: 1px solid rgba(197,184,143,0.22);
  background: linear-gradient(135deg, rgba(255,255,255,0.01), rgba(197,184,143,0.05));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.03), 0 30px 80px rgba(0,0,0,0.34);
  pointer-events: none;
}
body.home.sym-site .sym-home-hero__media,
body.home.sym-site .sym-home-hero__veil{ display:none !important; }
body.home.sym-site .sym-home-hero.sym-home-hero--banner .sym-hero-inner{
  position: relative;
  z-index: 2;
  width: min(1180px, 100%) !important;
  text-align: left !important;
  padding: 0 5vw !important;
}
body.home.sym-site .sym-home-hero.sym-home-hero--banner .sym-hero-eyebrow{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
  color: rgba(230,221,173,0.92);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .34em;
  text-transform: uppercase;
}
body.home.sym-site .sym-home-hero.sym-home-hero--banner .sym-hero-eyebrow::before{
  content: "";
  width: 42px;
  height: 1px;
  background: rgba(230,221,173,0.55);
}
body.home.sym-site .sym-home-hero.sym-home-hero--banner .sym-hero-title{
  max-width: 780px;
  margin: 0 0 16px !important;
  color: #f2eee3 !important;
  font-size: clamp(34px, 5.2vw, 74px) !important;
  line-height: .96 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  text-shadow: 0 18px 34px rgba(0,0,0,0.42);
}
body.home.sym-site .sym-home-hero.sym-home-hero--banner .sym-hero-subtitle{
  max-width: 610px;
  margin: 0 0 26px !important;
  color: rgba(244,244,244,0.82) !important;
  font-size: clamp(15px, 1.4vw, 18px) !important;
  line-height: 1.7 !important;
  letter-spacing: .05em !important;
}
body.home.sym-site .sym-home-hero.sym-home-hero--banner .sym-hero-actions{
  display: flex;
  align-items: center;
  gap: 14px;
}
body.home.sym-site .sym-home-hero.sym-home-hero--banner .sym-hero-cta{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 230px;
  height: 52px !important;
  padding: 0 26px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, rgba(230,221,173,0.96), rgba(197,184,143,0.96)) !important;
  color: #1f1d19 !important;
  border: 1px solid rgba(230,221,173,0.62) !important;
  box-shadow: 0 18px 36px rgba(0,0,0,0.34) !important;
  text-decoration: none !important;
  font-weight: 800 !important;
  letter-spacing: .18em !important;
}
body.home.sym-site .sym-home-hero.sym-home-hero--banner .sym-hero-cta:hover{
  filter: brightness(1.03);
  transform: translateY(-1px);
}
body.home.sym-site .sym-home-hero.sym-home-hero--banner .sym-hero-arrow{
  margin: 26px 0 0 !important;
}
body.home.sym-site .sym-home-cards--with-banner{
  scroll-margin-top: 78px;
}
@media (max-width: 767px){
  body.home.sym-site .sym-home-hero.sym-home-hero--banner{
    min-height: 460px !important;
    padding: 86px 14px 58px !important;
  }
  body.home.sym-site .sym-home-hero.sym-home-hero--banner::before{
    inset: 16px 12px 16px;
  }
  body.home.sym-site .sym-home-hero.sym-home-hero--banner .sym-hero-inner{
    padding: 0 16px !important;
    text-align: left !important;
  }
  body.home.sym-site .sym-home-hero.sym-home-hero--banner .sym-hero-title{
    font-size: clamp(28px, 8.4vw, 44px) !important;
    max-width: 100%;
  }
  body.home.sym-site .sym-home-hero.sym-home-hero--banner .sym-hero-subtitle{
    max-width: 100%;
    font-size: 14px !important;
    line-height: 1.6 !important;
  }
  body.home.sym-site .sym-home-hero.sym-home-hero--banner .sym-hero-cta{
    min-width: 0;
    width: 100%;
    max-width: 320px;
  }
}

/* 3) Burger close X: always above and clickable */
body.sym-site .sidebar-menu,
body.sym-site .sidebar-menu .site-navigation,
body.sym-site .sidebar-menu .main-navigation{
  overflow: visible !important;
}
body.sym-site .sidebar-menu::before,
body.sym-site .sidebar-menu::after{
  pointer-events: none !important;
  z-index: 0 !important;
}
body.sym-site .sidebar-menu .main-navigation,
body.sym-site .sidebar-menu .site-navigation,
body.sym-site .sidebar-menu .sidebar-panel-content,
body.sym-site .sidebar-menu .sidebar-menu-content{
  position: relative !important;
  z-index: 2 !important;
}
body.sym-site .sidebar-menu .sidebar-menu-close,
body.sym-site .sidebar-menu .close-sidebar,
body.sym-site .sidebar-menu .sidebar-menu__close,
body.sym-site .sidebar-menu button.close,
body.sym-site .sidebar-menu .woostify-close-sidebar-btn,
body.sym-site .sidebar-menu .close-btn{
  position: fixed !important;
  top: calc(env(safe-area-inset-top, 0px) + 12px) !important;
  right: 14px !important;
  z-index: 2147483647 !important;
  pointer-events: auto !important;
}
body.admin-bar.sym-site .sidebar-menu .sidebar-menu-close,
body.admin-bar.sym-site .sidebar-menu .close-sidebar,
body.admin-bar.sym-site .sidebar-menu .sidebar-menu__close,
body.admin-bar.sym-site .sidebar-menu button.close,
body.admin-bar.sym-site .sidebar-menu .woostify-close-sidebar-btn,
body.admin-bar.sym-site .sidebar-menu .close-btn{
  top: calc(env(safe-area-inset-top, 0px) + 58px) !important;
}
body.sym-site .sidebar-menu .sidebar-menu-close *,
body.sym-site .sidebar-menu .close-sidebar *,
body.sym-site .sidebar-menu .sidebar-menu__close *,
body.sym-site .sidebar-menu button.close *,
body.sym-site .sidebar-menu .woostify-close-sidebar-btn *,
body.sym-site .sidebar-menu .close-btn *{
  pointer-events: none !important;
}

/* v58: restored Woo/Woostify cart drawer; do not hide #shop-cart-sidebar here. */


/* =========================================================
   V31 – banner integration + stronger burger close fallback
   ========================================================= */
body.home.sym-site .sym-home-hero.sym-home-hero--banner{
  min-height: clamp(360px, 58vh, 640px) !important;
  padding: 96px 0 110px !important;
  margin: 0 0 72px !important;
  border-bottom: 0 !important;
}
body.home.sym-site .sym-home-hero.sym-home-hero--banner::before{
  display: none !important;
}
body.home.sym-site .sym-home-hero.sym-home-hero--banner .sym-hero-inner{
  width: min(1280px, 100%) !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 clamp(20px, 5vw, 72px) !important;
}
body.home.sym-site .sym-home-hero.sym-home-hero--banner .sym-hero-actions{
  width: 100% !important;
  justify-content: center !important;
  margin-top: 34px !important;
}
body.home.sym-site .sym-home-hero.sym-home-hero--banner .sym-hero-cta{
  min-width: min(420px, calc(100vw - 40px)) !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}
body.home.sym-site .sym-home-hero.sym-home-hero--banner .sym-hero-arrow{
  display: none !important;
}
body.home.sym-site .sym-home-cards--with-banner,
body.home.sym-site #sym-home-cards{
  scroll-margin-top: 70px;
}
body.home.sym-site #sym-home-cards .ghicitori-grid,
body.home.sym-site #sym-home-cards .ghicitori-card{
  scroll-margin-top: 90px;
}
@media (max-width: 767px){
  body.home.sym-site .sym-home-hero.sym-home-hero--banner{
    min-height: 420px !important;
    padding: 84px 0 92px !important;
    margin-bottom: 54px !important;
  }
  body.home.sym-site .sym-home-hero.sym-home-hero--banner .sym-hero-actions{
    margin-top: 28px !important;
  }
  body.home.sym-site .sym-home-hero.sym-home-hero--banner .sym-hero-cta{
    width: min(100%, 360px) !important;
    min-width: 0 !important;
  }
}

body.sym-site .sidebar-menu{
  z-index: 2147483600 !important;
}
body.sym-site .sidebar-menu .main-navigation,
body.sym-site .sidebar-menu .site-navigation,
body.sym-site .sidebar-menu .sidebar-panel-content,
body.sym-site .sidebar-menu .sidebar-menu-content{
  padding-top: 74px !important;
}
body.sym-site .sidebar-menu .sidebar-menu-close,
body.sym-site .sidebar-menu .close-sidebar,
body.sym-site .sidebar-menu .sidebar-menu__close,
body.sym-site .sidebar-menu button.close,
body.sym-site .sidebar-menu .woostify-close-sidebar-btn,
body.sym-site .sidebar-menu .close-btn{
  width: 52px !important;
  height: 52px !important;
  top: calc(env(safe-area-inset-top, 0px) + 10px) !important;
  right: 10px !important;
  border-radius: 999px !important;
  background: rgba(197,184,143,0.18) !important;
  border: 1px solid rgba(230,221,173,0.58) !important;
  box-shadow: 0 12px 36px rgba(0,0,0,0.72) !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  pointer-events: auto !important;
  touch-action: manipulation !important;
}
body.sym-site .sidebar-menu .sidebar-menu-close::before,
body.sym-site .sidebar-menu .close-sidebar::before,
body.sym-site .sidebar-menu .sidebar-menu__close::before,
body.sym-site .sidebar-menu button.close::before,
body.sym-site .sidebar-menu .woostify-close-sidebar-btn::before,
body.sym-site .sidebar-menu .close-btn::before{
  content: "";
  position: absolute;
  inset: -10px;
}


/* =========================================================
   V32 – final polish requested by user
   ========================================================= */

/* 1) Home banner CTA text uses updated label in PHP; keep button centered */
body.home.sym-site .sym-home-hero.sym-home-hero--banner .sym-hero-actions{
  justify-content: center !important;
}

/* 2) Mobile: remove outer yellow frame around filters/cards area, keep pills/cards intact */
@media (max-width: 767px){
  body.home.sym-site #sym-home-cards,
  body.home.sym-site .sym-home-cards,
  body.home.sym-site .sym-home-cards__inner,
  body.home.sym-site .ghicitori-tabs{
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  body.home.sym-site #sym-home-cards{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.home.sym-site .sym-home-cards__inner{
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
  }

  body.home.sym-site .ghicitori-tabs{
    padding: 0 !important;
    margin: 0 !important;
  }
}

/* 3) Desktop: hard-center login/register page content */
@media (min-width: 768px){
  body.woocommerce-account.sym-site #page,
  body.woocommerce-account.sym-site .site,
  body.woocommerce-account.sym-site .site-content,
  body.woocommerce-account.sym-site #content,
  body.woocommerce-account.sym-site .content-area,
  body.woocommerce-account.sym-site .site-main,
  body.woocommerce-account.sym-site .woocommerce,
  body.woocommerce-account.sym-site .entry-content{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: none !important;
  }

  body.woocommerce-account.sym-site .sym-auth-page{
    width: min(1320px, calc(100vw - 40px)) !important;
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
  }

  body.woocommerce-account.sym-site .sym-auth-frame{
    width: 100% !important;
    max-width: 1320px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
    justify-content: center !important;
  }

  body.woocommerce-account.sym-site .sym-auth-frame__inner,
  body.woocommerce-account.sym-site .sym-auth-page--register .sym-auth-frame__inner{
    margin-left: auto !important;
    margin-right: auto !important;
    position: relative !important;
    left: 0 !important;
    transform: none !important;
  }
}


/* ===========================
   v34 auth fixes
   =========================== */
body.woocommerce-account.sym-site .sym-auth-page .woocommerce-password-strength,
body.woocommerce-account.sym-site .sym-auth-page .woocommerce-password-hint,
body.woocommerce-account.sym-site .sym-auth-page .password-strength,
body.woocommerce-account.sym-site .sym-auth-page .show-password-input{
  display:none !important;
}
body.woocommerce-account.sym-site .sym-auth-page .sym-auth-messages{
  margin: 0 0 16px;
}
body.woocommerce-account.sym-site .sym-auth-page .sym-auth-global{
  border:1px solid rgba(214,184,74,.55);
  background:linear-gradient(180deg, rgba(214,184,74,.12), rgba(214,184,74,.06));
  color:#f2dc8f;
  border-radius:14px;
  padding:12px 14px;
  font-size:13px;
  line-height:1.55;
  letter-spacing:.03em;
  box-shadow:0 10px 24px rgba(0,0,0,.22);
}
body.woocommerce-account.sym-site .sym-auth-page .sym-auth-global--success{
  border-color:rgba(214,184,74,.65);
}
body.woocommerce-account.sym-site .sym-auth-page .form-row{
  position:relative;
}
body.woocommerce-account.sym-site .sym-auth-page .password-input{
  position:relative !important;
  display:block !important;
  width:100%;
}
body.woocommerce-account.sym-site .sym-auth-page input#password,
body.woocommerce-account.sym-site .sym-auth-page input#reg_password,
body.woocommerce-account.sym-site .sym-auth-page input#sym_password2{
  padding-right:52px !important;
}
body.woocommerce-account.sym-site .sym-auth-page .sym-pw-toggle{
  position:absolute !important;
  top:23px !important;
  right:8px !important;
  transform:none !important;
  width:34px !important;
  height:34px !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:rgba(197,184,143,.10) !important;
  border:1px solid rgba(197,184,143,.30) !important;
  z-index:8;
}
body.woocommerce-account.sym-site .sym-auth-page .sym-pw-toggle::before{
  width:34px !important;
  height:34px !important;
  background-size:16px 16px !important;
}
body.woocommerce-account.sym-site .sym-auth-page .sym-field-error,
body.woocommerce-account.sym-site .sym-auth-page input.sym-field-error{
  border-color:rgba(214,184,74,.85) !important;
  box-shadow:0 0 0 1px rgba(214,184,74,.20) !important;
}
body.woocommerce-account.sym-site .sym-auth-page .sym-field-msg{
  display:block;
  margin-top:8px;
  color:#f2dc8f;
  font-size:12.5px;
  line-height:1.5;
  letter-spacing:.02em;
}
body.woocommerce-account.sym-site .sym-auth-page .sym-terms-row .sym-field-msg{
  margin-top:10px;
}
body.woocommerce-account.sym-site .sym-auth-page .woocommerce-Button.button[disabled]{
  opacity:1 !important;
  cursor:pointer !important;
}
@media (max-width: 767px){
  body.woocommerce-account.sym-site .sym-auth-page .sym-pw-toggle{
    top:19px !important;
    right:7px !important;
    width:30px !important;
    height:30px !important;
  }
  body.woocommerce-account.sym-site .sym-auth-page .sym-pw-toggle::before{
    width:30px !important;
    height:30px !important;
    background-size:14px 14px !important;
  }
  body.woocommerce-account.sym-site .sym-auth-page input#password,
  body.woocommerce-account.sym-site .sym-auth-page input#reg_password,
  body.woocommerce-account.sym-site .sym-auth-page input#sym_password2{
    padding-right:46px !important;
  }
}

/* ===========================
   v35 auth polish – eye toggles + lost password notice
   =========================== */
body.woocommerce-account.sym-site .sym-auth-page .password-input{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  line-height:1 !important;
  vertical-align:top !important;
}
body.woocommerce-account.sym-site .sym-auth-page .password-input > .woocommerce-Input,
body.woocommerce-account.sym-site .sym-auth-page .password-input > .input-text,
body.woocommerce-account.sym-site .sym-auth-page .password-input > input{
  display:block !important;
  flex:1 1 auto !important;
  width:100% !important;
  margin:0 !important;
}
body.woocommerce-account.sym-site .sym-auth-page .sym-pw-toggle{
  position:absolute !important;
  top:50% !important;
  right:10px !important;
  bottom:auto !important;
  left:auto !important;
  transform:translateY(-50%) !important;
  margin:0 !important;
  align-self:auto !important;
}
body.woocommerce-account.sym-site .sym-auth-page .sym-pw-toggle::before{
  margin:0 auto !important;
}
body.woocommerce-account.sym-site .sym-auth-page .woocommerce-form-row,
body.woocommerce-account.sym-site .sym-auth-page .form-row{
  overflow:visible !important;
}
body.woocommerce-account.sym-site .sym-auth-page .password-input + .sym-field-msg,
body.woocommerce-account.sym-site .sym-auth-page .password-input + .woocommerce-password-strength,
body.woocommerce-account.sym-site .sym-auth-page .password-input + .woocommerce-password-hint{
  margin-top:8px !important;
}

@media (max-width: 767px){
  body.woocommerce-account.sym-site .sym-auth-page .sym-pw-toggle{
    right:8px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
  }
}

body.woocommerce-lost-password.sym-site .woocommerce,
body.woocommerce-lost-password.sym-site .woocommerce > *{
  box-sizing:border-box !important;
}
body.woocommerce-lost-password.sym-site .woocommerce{
  display:block !important;
  width:min(760px, 92vw) !important;
  max-width:760px !important;
  margin:0 auto !important;
  float:none !important;
}
body.woocommerce-lost-password.sym-site .woocommerce .woocommerce-notices-wrapper,
body.woocommerce-lost-password.sym-site .woocommerce .woocommerce-message,
body.woocommerce-lost-password.sym-site .woocommerce .woocommerce-info,
body.woocommerce-lost-password.sym-site .woocommerce .woocommerce-error,
body.woocommerce-lost-password.sym-site .woocommerce p,
body.woocommerce-lost-password.sym-site .woocommerce form,
body.woocommerce-lost-password.sym-site .woocommerce .lost_reset_password{
  float:none !important;
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
}
body.woocommerce-lost-password.sym-site .woocommerce .woocommerce-notices-wrapper{
  margin:0 0 18px !important;
}
body.woocommerce-lost-password.sym-site .woocommerce .woocommerce-message,
body.woocommerce-lost-password.sym-site .woocommerce .woocommerce-info,
body.woocommerce-lost-password.sym-site .woocommerce .woocommerce-error{
  padding:16px 18px 16px 52px !important;
  border:1px solid rgba(214,184,74,.55) !important;
  border-radius:18px !important;
  background:linear-gradient(180deg, rgba(214,184,74,.12), rgba(214,184,74,.06)) !important;
  color:#f2dc8f !important;
  box-shadow:0 16px 36px rgba(0,0,0,.28) !important;
  line-height:1.7 !important;
  text-align:left !important;
}
body.woocommerce-lost-password.sym-site .woocommerce .woocommerce-message::before,
body.woocommerce-lost-password.sym-site .woocommerce .woocommerce-info::before,
body.woocommerce-lost-password.sym-site .woocommerce .woocommerce-error::before{
  top:17px !important;
  left:18px !important;
  color:#f2dc8f !important;
}
body.woocommerce-lost-password.sym-site .woocommerce > p{
  margin:0 0 18px !important;
  color:#f5f0da !important;
  line-height:1.8 !important;
  text-align:left !important;
}

@media (max-width: 767px){
  body.woocommerce-lost-password.sym-site .woocommerce{
    width:min(92vw, 560px) !important;
  }
  body.woocommerce-lost-password.sym-site .woocommerce .woocommerce-message,
  body.woocommerce-lost-password.sym-site .woocommerce .woocommerce-info,
  body.woocommerce-lost-password.sym-site .woocommerce .woocommerce-error{
    padding:14px 14px 14px 44px !important;
    border-radius:16px !important;
    line-height:1.6 !important;
  }
  body.woocommerce-lost-password.sym-site .woocommerce .woocommerce-message::before,
  body.woocommerce-lost-password.sym-site .woocommerce .woocommerce-info::before,
  body.woocommerce-lost-password.sym-site .woocommerce .woocommerce-error::before{
    top:15px !important;
    left:14px !important;
  }
}


/* =========================================================
   v41 SAFE WORD FIXES - based on v37, no burger drawer transform changes
   ========================================================= */

/* Login/Register wording uses Înregistrează-te in template; keep button sizing stable. */
body.woocommerce-account .sym-auth__cta-btn,
body.woocommerce-account .sym-auth-page .woocommerce-Button.button[name="register"]{
  white-space: nowrap !important;
}

/* Checkout / Cart: make "continuă cu finalizarea comenzii" area feel intentional and friendly. */
body.woocommerce-cart .wc-proceed-to-checkout,
body.woocommerce-cart .cart_totals .wc-proceed-to-checkout,
body.woocommerce-cart .cart-collaterals .wc-proceed-to-checkout{
  margin-top: 18px !important;
  padding: 16px !important;
  border: 1px solid rgba(230,221,173,.62) !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, rgba(197,184,143,.14), rgba(0,0,0,.42)) !important;
  box-shadow: 0 16px 44px rgba(0,0,0,.45) !important;
}
body.woocommerce-cart .wc-proceed-to-checkout::before{
  content: "Ești aproape gata — continuă pentru finalizarea comenzii în siguranță.";
  display: block;
  margin: 0 0 12px;
  color: rgba(244,244,244,.9);
  font-size: 13px;
  line-height: 1.45;
  letter-spacing: .06em;
  text-align: center;
}
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
body.woocommerce-cart .wc-proceed-to-checkout .checkout-button{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 52px !important;
  margin: 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(230,221,173,.75) !important;
  background: linear-gradient(135deg, rgba(230,221,173,.97), rgba(197,184,143,.97)) !important;
  color: #1f1e1b !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .15em !important;
  box-shadow: 0 10px 32px rgba(0,0,0,.45) !important;
}

/* Logged-in user badge near cart and inside burger menu. */
.sym-header-user-badge{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  max-width: 150px !important;
  padding: 5px 10px !important;
  border: 1px solid rgba(197,184,143,.34) !important;
  border-radius: 999px !important;
  background: rgba(197,184,143,.10) !important;
  color: rgba(230,221,173,.96) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.sym-header-user-badge:hover{
  color: #fff !important;
  border-color: rgba(230,221,173,.65) !important;
  background: rgba(197,184,143,.18) !important;
}
.sym-header-user-badge--header{
  margin-right: 8px !important;
}
.sidebar-menu .sym-header-user-badge--burger{
  width: calc(100% - 28px) !important;
  max-width: none !important;
  margin: 12px 14px 10px !important;
  min-height: 42px !important;
  border-radius: 14px !important;
}
@media (max-width: 520px){
  .sym-header-user-badge--header{
    max-width: 92px !important;
    padding: 4px 7px !important;
    font-size: 9px !important;
    letter-spacing: .06em !important;
  }
}

/* Mobile logo alignment only; does not touch burger drawer open/close logic. */
@media (max-width: 991px){
  header.site-header .site-branding,
  header.site-header .woostify-site-branding,
  .site-header .site-branding,
  .site-header .woostify-site-branding{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }
  header.site-header .custom-logo-link,
  .site-header .custom-logo-link{
    display: inline-flex !important;
    align-items: center !important;
  }
  header.site-header .custom-logo,
  .site-header .custom-logo{
    max-height: 38px !important;
    width: auto !important;
  }
}

/* Homepage: disable forced snap behavior if any old CSS/browser state remains. */
html,
body,
.sym-home,
.sym-home-hero,
.sym-slide,
[data-sym-slider]{
  scroll-snap-type: none !important;
  scroll-snap-align: none !important;
  scroll-behavior: auto;
}


/* =========================================================
   V42 – Checkout premium frame + clean logged-in user display
   ========================================================= */

/* Checkout: frame elegant pe zona din stânga, ca în screenshotul marcat */
body.sym-site.woocommerce-checkout .wc-block-checkout__main,
body.sym-site.woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-checkout__main,
body.sym-site.woocommerce-checkout form.checkout #customer_details,
body.sym-site.woocommerce-checkout form.checkout .woocommerce-checkout-review-order{
  background: radial-gradient(circle at top left, rgba(230,221,173,.075), rgba(0,0,0,.18) 38%, rgba(0,0,0,.06) 100%) !important;
  border: 1px solid rgba(230,221,173,.52) !important;
  border-radius: 22px !important;
  box-shadow: 0 24px 80px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.04) !important;
  padding: 28px !important;
  overflow: hidden !important;
}

body.sym-site.woocommerce-checkout .wc-block-checkout__main .wc-block-components-title,
body.sym-site.woocommerce-checkout .wc-block-components-checkout-step__heading,
body.sym-site.woocommerce-checkout .wc-block-components-checkout-step__title,
body.sym-site.woocommerce-checkout form.checkout h3{
  color: rgba(230,221,173,.94) !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

body.sym-site.woocommerce-checkout .wc-block-components-checkout-step,
body.sym-site.woocommerce-checkout .wc-block-components-checkout-step__container,
body.sym-site.woocommerce-checkout .wc-block-checkout__payment-method,
body.sym-site.woocommerce-checkout .wc-block-components-radio-control{
  border-color: rgba(230,221,173,.22) !important;
}

body.sym-site.woocommerce-checkout .wc-block-components-radio-control__option,
body.sym-site.woocommerce-checkout .wc-block-components-checkbox,
body.sym-site.woocommerce-checkout .wc-block-components-text-input input,
body.sym-site.woocommerce-checkout .wc-block-components-textarea textarea,
body.sym-site.woocommerce-checkout .wc-block-components-address-card,
body.sym-site.woocommerce-checkout .wc-block-checkout__add-note{
  border-color: rgba(230,221,173,.30) !important;
}

body.sym-site.woocommerce-checkout .wc-block-components-radio-control__option-checked,
body.sym-site.woocommerce-checkout .wc-block-components-radio-control__option:has(input:checked){
  border-color: rgba(230,221,173,.82) !important;
  box-shadow: 0 0 0 1px rgba(230,221,173,.22), 0 10px 32px rgba(0,0,0,.34) !important;
  background: rgba(230,221,173,.035) !important;
}

body.sym-site.woocommerce-checkout .wc-block-components-checkout-place-order-button,
body.sym-site.woocommerce-checkout .wc-block-components-checkout-place-order-button[type="submit"],
body.sym-site.woocommerce-checkout button#place_order{
  border-radius: 999px !important;
  border: 1px solid rgba(230,221,173,.88) !important;
  background: linear-gradient(135deg, rgba(230,221,173,.98), rgba(197,184,143,.96)) !important;
  color: #1d1b17 !important;
  font-weight: 900 !important;
  letter-spacing: .18em !important;
  min-height: 58px !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.42) !important;
}

body.sym-site.woocommerce-checkout .wc-block-checkout__actions_row{
  gap: 16px !important;
  padding-top: 18px !important;
  border-top: 1px solid rgba(230,221,173,.18) !important;
}

/* Checkout summary card: să rămână în același limbaj vizual */
body.sym-site.woocommerce-checkout .wc-block-checkout__sidebar,
body.sym-site.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block{
  border: 1px solid rgba(230,221,173,.30) !important;
  border-radius: 22px !important;
  background: rgba(0,0,0,.22) !important;
  box-shadow: 0 18px 60px rgba(0,0,0,.34) !important;
}

@media (max-width: 768px){
  body.sym-site.woocommerce-checkout .wc-block-checkout__main,
  body.sym-site.woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-checkout__main,
  body.sym-site.woocommerce-checkout form.checkout #customer_details,
  body.sym-site.woocommerce-checkout form.checkout .woocommerce-checkout-review-order{
    padding: 18px 14px !important;
    border-radius: 18px !important;
  }
}

/* Desktop: nu mai afișăm username-ul ca item separat în meniu; rămâne doar sub iconul de profil. */
@media (min-width: 769px){
  body.sym-site .sym-header-user-badge--header,
  body.sym-site .sym-header-user-badge--mobile-header,
  body.sym-site .sidebar-menu .sym-header-user-badge{
    display: none !important;
  }
}

/* Mobile: nu afișăm username-ul în burger menu; rămâne doar lângă coș/profil în header dacă există. */
body.sym-site .sidebar-menu .sym-header-user-badge,
body.sym-site .sidebar-menu .sym-header-user-badge--burger{
  display: none !important;
}

@media (max-width: 768px){
  body.sym-site .sym-header-user-badge--mobile-header{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    max-width: 74px !important;
    padding: 3px 6px !important;
    margin-right: 4px !important;
    border: 1px solid rgba(230,221,173,.45) !important;
    border-radius: 999px !important;
    color: rgba(230,221,173,.95) !important;
    background: rgba(230,221,173,.08) !important;
    font-size: 9px !important;
    line-height: 1 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-decoration: none !important;
  }
}

/* Profile photo upload removed completely in v42. Defensive hide for any stale markup/cache. */
body.sym-site .sym-avatar-box,
body.sym-site input#sym_avatar,
body.sym-site label[for="sym_avatar"]{
  display: none !important;
}

/* =========================================================
   V43 – Header alignment + Checkout spacing/summary cleanup
   ========================================================= */

/* 1) Header mobile/tablet: burger, logo, user/cart pe aceeași linie */
@media (max-width: 991px){
  body.sym-site header.site-header,
  body.sym-site .site-header,
  body.sym-site .woostify-site-header,
  body.sym-site .woostify-header{
    min-height: 72px !important;
  }

  body.sym-site header.site-header .woostify-container,
  body.sym-site .site-header .woostify-container,
  body.sym-site .woostify-site-header .woostify-container,
  body.sym-site .woostify-header .woostify-container,
  body.sym-site header.site-header .container,
  body.sym-site .site-header .container{
    min-height: 72px !important;
    height: 72px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    box-sizing: border-box !important;
  }

  body.sym-site .toggle-sidebar-menu-btn,
  body.sym-site .sidebar-menu-btn,
  body.sym-site .woostify-menu-toggle,
  body.sym-site .site-header .tools-icon,
  body.sym-site .site-header .header-cart-link,
  body.sym-site .site-header .shopping-bag-button,
  body.sym-site .site-header .my-account-icon,
  body.sym-site .site-header .sym-header-user-badge--mobile-header{
    align-self: center !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    transform: none !important;
  }

  body.sym-site .site-header .site-branding,
  body.sym-site .site-header .woostify-site-branding,
  body.sym-site .woostify-site-header .site-branding,
  body.sym-site .woostify-site-header .woostify-site-branding{
    align-self: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: 1 !important;
    transform: none !important;
  }

  body.sym-site .site-header .custom-logo-link,
  body.sym-site .woostify-site-header .custom-logo-link,
  body.sym-site .site-header .site-title a,
  body.sym-site .woostify-site-header .site-title a{
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
  }

  body.sym-site .site-header img.custom-logo,
  body.sym-site .woostify-site-header img.custom-logo,
  body.sym-site .site-header .site-logo img,
  body.sym-site .woostify-site-header .site-logo img{
    display: block !important;
    max-height: 34px !important;
    width: auto !important;
    margin: 0 !important;
    transform: none !important;
  }
}

/* 2) Checkout desktop: spațiu clar între zona stângă și rezumat */
body.sym-site.woocommerce-checkout .wc-block-checkout,
body.sym-site.woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-components-sidebar-layout,
body.sym-site.woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-checkout{
  column-gap: 34px !important;
  gap: 34px !important;
}

@media (min-width: 1024px){
  body.sym-site.woocommerce-checkout .wc-block-checkout__main{
    margin-right: 10px !important;
  }

  body.sym-site.woocommerce-checkout .wc-block-checkout__sidebar{
    margin-left: 14px !important;
  }
}

/* 3) Checkout summary: un singur chenar, nu dublu */
body.sym-site.woocommerce-checkout .wc-block-checkout__sidebar{
  padding: 14px !important;
  border: 1px solid rgba(230,221,173,.38) !important;
  border-radius: 22px !important;
  background: radial-gradient(circle at top left, rgba(230,221,173,.065), rgba(0,0,0,.24) 45%, rgba(0,0,0,.12)) !important;
  box-shadow: 0 18px 58px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.04) !important;
  overflow: hidden !important;
}

body.sym-site.woocommerce-checkout .wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block,
body.sym-site.woocommerce-checkout .wc-block-checkout__sidebar .wc-block-components-order-summary,
body.sym-site.woocommerce-checkout .wc-block-checkout__sidebar .wc-block-components-totals-wrapper,
body.sym-site.woocommerce-checkout .wc-block-checkout__sidebar .wc-block-components-panel,
body.sym-site.woocommerce-checkout .wc-block-checkout__sidebar .wc-block-components-panel__button{
  box-shadow: none !important;
}

body.sym-site.woocommerce-checkout .wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block{
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

body.sym-site.woocommerce-checkout .wc-block-checkout__sidebar .wc-block-components-order-summary,
body.sym-site.woocommerce-checkout .wc-block-checkout__sidebar .wc-block-components-order-summary__content{
  border: 0 !important;
  background: transparent !important;
}

body.sym-site.woocommerce-checkout .wc-block-checkout__sidebar .wc-block-components-totals-wrapper{
  border-color: rgba(230,221,173,.18) !important;
}

body.sym-site.woocommerce-checkout .wc-block-checkout__sidebar .wc-block-components-totals-footer-item{
  padding-top: 16px !important;
}

body.sym-site.woocommerce-checkout .wc-block-checkout__sidebar .wc-block-components-totals-footer-item__label,
body.sym-site.woocommerce-checkout .wc-block-checkout__sidebar .wc-block-components-totals-footer-item__value{
  color: rgba(230,221,173,.96) !important;
  font-weight: 900 !important;
}

/* 4) Checkout mobile summary: card compact, un singur chenar, mai elegant */
@media (max-width: 768px){
  body.sym-site.woocommerce-checkout .wc-block-checkout,
  body.sym-site.woocommerce-checkout .wp-block-woocommerce-checkout .wc-block-components-sidebar-layout{
    gap: 18px !important;
  }

  body.sym-site.woocommerce-checkout .wc-block-checkout__sidebar,
  body.sym-site.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block{
    width: 100% !important;
    margin: 0 auto 18px !important;
    padding: 12px !important;
    border: 1px solid rgba(230,221,173,.42) !important;
    border-radius: 20px !important;
    background: radial-gradient(circle at top left, rgba(230,221,173,.075), rgba(0,0,0,.28) 48%, rgba(0,0,0,.14)) !important;
    box-shadow: 0 16px 46px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.04) !important;
    overflow: hidden !important;
  }

  body.sym-site.woocommerce-checkout .wc-block-checkout__sidebar .wp-block-woocommerce-checkout-order-summary-block{
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body.sym-site.woocommerce-checkout .wc-block-components-order-summary__button-text,
  body.sym-site.woocommerce-checkout .wc-block-components-order-summary__button-text span,
  body.sym-site.woocommerce-checkout .wc-block-components-totals-footer-item__label{
    color: rgba(244,244,244,.96) !important;
    font-weight: 800 !important;
    letter-spacing: .05em !important;
  }

  body.sym-site.woocommerce-checkout .wc-block-components-order-summary__button,
  body.sym-site.woocommerce-checkout .wc-block-components-panel__button{
    min-height: 54px !important;
    padding: 0 14px !important;
    border: 1px solid rgba(230,221,173,.26) !important;
    border-radius: 14px !important;
    background: rgba(0,0,0,.16) !important;
  }

  body.sym-site.woocommerce-checkout .wc-block-components-order-summary__button .wc-block-components-order-summary__button-text,
  body.sym-site.woocommerce-checkout .wc-block-components-order-summary__button .wc-block-formatted-money-amount,
  body.sym-site.woocommerce-checkout .wc-block-components-order-summary__button .wc-block-components-totals-footer-item__value{
    color: rgba(230,221,173,.98) !important;
  }

  body.sym-site.woocommerce-checkout .wc-block-components-order-summary__content,
  body.sym-site.woocommerce-checkout .wc-block-components-totals-wrapper{
    border-color: rgba(230,221,173,.16) !important;
  }

  body.sym-site.woocommerce-checkout .wc-block-checkout__main{
    margin-right: 0 !important;
  }
}


/* =========================================================
   V44 – SAFE PDF FEEDBACK FIXES
   - fără patch pe burger/menu
   - ascunde spații goale când descrierea lipsește
   - carduri mobile mai stabile
   - focus/ARIA polish pentru controale
   ========================================================= */

/* Single riddle/product: când descrierea e goală, zona de joc urcă natural și nu mai rămâne gol mare. */
body.sym-site.single-riddle .sym-riddle__play--no-description{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.sym-site.single-riddle .sym-riddle__card:has(.sym-riddle__play--no-description){
  padding-bottom: clamp(24px, 4vw, 42px) !important;
}

/* Fallback pentru browsere fără :has(): limităm spațiile foarte mari pe single riddle. */
body.sym-site.single-riddle .sym-riddle,
body.sym-site.single-riddle .sym-riddle__card{
  min-height: auto !important;
}

body.sym-site.single-riddle .entry-content,
body.sym-site.single-riddle .site-main,
body.sym-site.single-riddle .content-area{
  padding-bottom: 32px !important;
}

/* Mobile product/riddle cards: imaginea rămâne în card, badge-ul rămâne orizontal și nu mai iese din layout. */
@media (max-width: 768px){
  body.sym-site .ghicitori-card,
  body.home.sym-site .ghicitori-card,
  body.page-id-2234.sym-site .ghicitori-card{
    display: grid !important;
    grid-template-columns: 1fr !important;
    overflow: hidden !important;
    min-height: 0 !important;
  }

  body.sym-site .ghicitori-card__thumb,
  body.home.sym-site .ghicitori-card__thumb,
  body.page-id-2234.sym-site .ghicitori-card__thumb{
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
  }

  body.sym-site .ghicitori-card__thumb img,
  body.home.sym-site .ghicitori-card__thumb img,
  body.page-id-2234.sym-site .ghicitori-card__thumb img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
  }

  body.sym-site .ghicitori-card__badge,
  body.home.sym-site .ghicitori-card__badge,
  body.page-id-2234.sym-site .ghicitori-card__badge{
    writing-mode: horizontal-tb !important;
    transform: none !important;
    rotate: none !important;
    max-width: calc(100% - 24px) !important;
    white-space: normal !important;
    text-align: right !important;
  }
}

/* Accessibility/focus: controalele de sortare/filtrare au focus vizibil, fără schimbări vizuale agresive. */
body.sym-site .ghicitori-sort:focus,
body.sym-site .ghicitori-filter-status:focus,
body.sym-site .sym-filter:focus,
body.sym-site .ghicitori-tabs__btn:focus,
body.sym-site .ghicitori-card__btn:focus{
  outline: 2px solid rgba(230,221,173,.75) !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 4px rgba(197,184,143,.12) !important;
}


/* =========================================================
   v45 – Custom mobile burger close button
   Nu schimbă mecanismul Woostify al meniului; doar adaugă un X vizibil, premium și clickabil.
   ========================================================= */
@media (max-width: 991px){
  body.sym-site .sidebar-menu{
    position: fixed !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  body.sym-site .sidebar-menu .sym-burger-close{
    position: absolute !important;
    top: 18px !important;
    right: 16px !important;
    width: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    margin: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 14px !important;
    border: 1px solid rgba(230,221,173,.62) !important;
    background: radial-gradient(circle at 35% 25%, rgba(230,221,173,.22), rgba(197,184,143,.10) 45%, rgba(0,0,0,.28) 100%) !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.62), inset 0 0 0 1px rgba(255,255,255,.035) !important;

    color: #e6ddad !important;
    cursor: pointer !important;
    z-index: 2147483647 !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    appearance: none !important;
    -webkit-appearance: none !important;
  }

  body.sym-site .sidebar-menu .sym-burger-close::before,
  body.sym-site .sidebar-menu .sym-burger-close::after{
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 18px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: #e6ddad !important;
    box-shadow: 0 0 10px rgba(230,221,173,.28) !important;
    transform-origin: center !important;
  }

  body.sym-site .sidebar-menu .sym-burger-close::before{
    transform: translate(-50%, -50%) rotate(45deg) !important;
  }

  body.sym-site .sidebar-menu .sym-burger-close::after{
    transform: translate(-50%, -50%) rotate(-45deg) !important;
  }

  body.sym-site .sidebar-menu .sym-burger-close:hover,
  body.sym-site .sidebar-menu .sym-burger-close:focus{
    background: rgba(197,184,143,.18) !important;
    border-color: rgba(230,221,173,.86) !important;
    outline: none !important;
    box-shadow: 0 16px 38px rgba(0,0,0,.72), 0 0 0 4px rgba(197,184,143,.10) !important;
  }

  body.sym-site .sidebar-menu .sym-burger-close:active{
    transform: scale(.96) !important;
  }

  body.admin-bar.sym-site .sidebar-menu .sym-burger-close{
    top: 58px !important;
  }
}


/* =========================================================
   v46 – Burger menu header cu logo + X funcțional și styling modal
   ========================================================= */
@media (max-width: 991px){
  body.sym-site .sidebar-menu{
    background:
      radial-gradient(circle at 50% 4%, rgba(230,221,173,.10), transparent 28%),
      linear-gradient(180deg, rgba(8,8,8,.98), rgba(0,0,0,.98)) !important;
    border-right: 1px solid rgba(197,184,143,.28) !important;
    box-shadow: 24px 0 80px rgba(0,0,0,.78) !important;
    padding-top: 0 !important;
  }

  body.sym-site .sidebar-menu .sym-burger-panel-head{
    position: sticky !important;
    top: 0 !important;
    z-index: 2147483647 !important;
    min-height: 92px !important;
    padding: 18px 18px 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    background: linear-gradient(180deg, rgba(0,0,0,.96), rgba(0,0,0,.74)) !important;
    border-bottom: 1px solid rgba(197,184,143,.18) !important;
    backdrop-filter: blur(8px) !important;
  }

  body.sym-site .sidebar-menu .sym-burger-brand{
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }

  body.sym-site .sidebar-menu .sym-burger-brand a,
  body.sym-site .sidebar-menu .sym-burger-brand .site-branding,
  body.sym-site .sidebar-menu .sym-burger-brand .woostify-site-branding,
  body.sym-site .sidebar-menu .sym-burger-brand__clone{
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    color: #f4f4f4 !important;
    text-decoration: none !important;
    max-width: 220px !important;
  }

  body.sym-site .sidebar-menu .sym-burger-brand img,
  body.sym-site .sidebar-menu .sym-burger-brand .custom-logo{
    max-height: 42px !important;
    width: auto !important;
    object-fit: contain !important;
  }

  body.sym-site .sidebar-menu .sym-burger-brand .site-title,
  body.sym-site .sidebar-menu .sym-burger-brand .site-title a,
  body.sym-site .sidebar-menu .sym-burger-brand__text{
    color: #f4f4f4 !important;
    font-size: 12px !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
  }

  body.sym-site .sidebar-menu .sym-burger-brand__mark{
    width: 34px !important;
    height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    border: 1px solid rgba(197,184,143,.42) !important;
    color: #e6ddad !important;
    font-weight: 700 !important;
  }

  body.sym-site .sidebar-menu .sym-burger-panel-head .sym-burger-close{
    position: relative !important;
    top: auto !important;
    right: auto !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 14px !important;
    border: 1px solid rgba(230,221,173,.62) !important;
    background: radial-gradient(circle at 35% 25%, rgba(230,221,173,.22), rgba(197,184,143,.10) 45%, rgba(0,0,0,.28) 100%) !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.62), inset 0 0 0 1px rgba(255,255,255,.035) !important;
    color: #e6ddad !important;
    cursor: pointer !important;
    z-index: 2147483647 !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    appearance: none !important;
    -webkit-appearance: none !important;
  }

  body.sym-site .sidebar-menu .sym-burger-panel-head .sym-burger-close::before,
  body.sym-site .sidebar-menu .sym-burger-panel-head .sym-burger-close::after{
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 18px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: #e6ddad !important;
    box-shadow: 0 0 10px rgba(230,221,173,.28) !important;
    transform-origin: center !important;
  }

  body.sym-site .sidebar-menu .sym-burger-panel-head .sym-burger-close::before{
    transform: translate(-50%, -50%) rotate(45deg) !important;
  }

  body.sym-site .sidebar-menu .sym-burger-panel-head .sym-burger-close::after{
    transform: translate(-50%, -50%) rotate(-45deg) !important;
  }

  body.sym-site .sidebar-menu .site-search{
    display: none !important;
  }

  body.sym-site .sidebar-menu .site-navigation{
    padding: 18px 14px 8px !important;
  }

  body.sym-site .sidebar-menu .main-navigation ul.primary-navigation > li > a,
  body.sym-site .sidebar-menu .sidebar-account > li > a{
    border-radius: 14px !important;
    background: rgba(255,255,255,.025) !important;
    border: 1px solid rgba(197,184,143,.16) !important;
    margin: 0 0 10px !important;
    min-height: 58px !important;
    display: flex !important;
    align-items: center !important;
  }

  body.sym-site .sidebar-menu .main-navigation ul.primary-navigation > li.current-menu-item > a,
  body.sym-site .sidebar-menu .main-navigation ul.primary-navigation > li.current_page_item > a{
    background: linear-gradient(90deg, rgba(197,184,143,.14), rgba(255,255,255,.025)) !important;
    border-color: rgba(230,221,173,.34) !important;
  }

  body.sym-site .sidebar-menu .sidebar-menu-bottom{
    padding: 12px 18px 22px !important;
    border-top: 1px solid rgba(197,184,143,.20) !important;
  }

  body.sym-site .sidebar-menu .sym-user-badge-li{
    display: none !important;
  }
}

/* =========================================================
   v47 – Mobile My Account responsive fix + clickable burger close polish
   ========================================================= */
@media (max-width: 991px){
  /* My Account: pe mobile totul devine o singură coloană reală. */
  body.woocommerce-account.logged-in.sym-site .woocommerce,
  body.woocommerce-account.logged-in .woocommerce{
    display: block !important;
    grid-template-columns: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 14px 28px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  body.woocommerce-account.logged-in.sym-site .woocommerce-MyAccount-navigation,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation,
  body.woocommerce-account.logged-in.sym-site .woocommerce-MyAccount-content,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content{
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  body.woocommerce-account.logged-in.sym-site .woocommerce-MyAccount-navigation,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation{
    margin-bottom: 16px !important;
    padding: 12px !important;
    border-radius: 18px !important;
    background: rgba(0,0,0,.34) !important;
    border: 1px solid rgba(197,184,143,.26) !important;
  }

  body.woocommerce-account.logged-in.sym-site .woocommerce-MyAccount-navigation ul,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.woocommerce-account.logged-in.sym-site .woocommerce-MyAccount-navigation li,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li{
    width: 100% !important;
    margin: 0 !important;
  }

  body.woocommerce-account.logged-in.sym-site .woocommerce-MyAccount-navigation li a,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li a{
    width: 100% !important;
    min-height: 48px !important;
    padding: 12px 14px !important;
    justify-content: flex-start !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    line-height: 1.25 !important;
    font-size: 13px !important;
  }

  body.woocommerce-account.logged-in.sym-site .woocommerce-MyAccount-content,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content{
    padding: 16px 14px !important;
    border-radius: 18px !important;
    background: rgba(0,0,0,.28) !important;
    border: 1px solid rgba(197,184,143,.24) !important;
    overflow-x: hidden !important;
  }

  body.woocommerce-account.logged-in.sym-site .woocommerce-MyAccount-content h1,
  body.woocommerce-account.logged-in.sym-site .woocommerce-MyAccount-content h2,
  body.woocommerce-account.logged-in.sym-site .woocommerce-MyAccount-content h3,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content h1,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content h2,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content h3{
    font-size: clamp(20px, 7vw, 26px) !important;
    line-height: 1.18 !important;
    letter-spacing: .08em !important;
    text-align: left !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    margin: 0 0 16px !important;
  }

  body.woocommerce-account.logged-in.sym-site .woocommerce-MyAccount-content p,
  body.woocommerce-account.logged-in.sym-site .woocommerce-MyAccount-content label,
  body.woocommerce-account.logged-in.sym-site .woocommerce-MyAccount-content span,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content p,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content label,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content span{
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    line-height: 1.45 !important;
  }

  /* Formulare cont/date bancare: câmpurile stau unul sub altul, nu în coloane înguste. */
  body.woocommerce-account.logged-in.sym-site .woocommerce-MyAccount-content form,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content form,
  body.woocommerce-account.logged-in.sym-site .woocommerce-MyAccount-content .sym-bank-form,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content .sym-bank-form,
  body.woocommerce-account.logged-in.sym-site .woocommerce-MyAccount-content .sym-bank-row,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content .sym-bank-row{
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
  }

  body.woocommerce-account.logged-in.sym-site .woocommerce-MyAccount-content .form-row,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content .form-row,
  body.woocommerce-account.logged-in.sym-site .woocommerce-MyAccount-content .form-row-first,
  body.woocommerce-account.logged-in.sym-site .woocommerce-MyAccount-content .form-row-last,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content .form-row-first,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content .form-row-last{
    float: none !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    margin: 0 0 14px !important;
  }

  body.woocommerce-account.logged-in.sym-site .woocommerce-MyAccount-content input.input-text,
  body.woocommerce-account.logged-in.sym-site .woocommerce-MyAccount-content input[type="text"],
  body.woocommerce-account.logged-in.sym-site .woocommerce-MyAccount-content input[type="email"],
  body.woocommerce-account.logged-in.sym-site .woocommerce-MyAccount-content input[type="password"],
  body.woocommerce-account.logged-in.sym-site .woocommerce-MyAccount-content input[type="tel"],
  body.woocommerce-account.logged-in.sym-site .woocommerce-MyAccount-content textarea,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content input.input-text,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content input[type="text"],
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content input[type="email"],
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content input[type="password"],
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content input[type="tel"],
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content textarea{
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body.woocommerce-account.logged-in.sym-site .woocommerce-MyAccount-content fieldset,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content fieldset{
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding: 14px !important;
    margin: 18px 0 !important;
  }

  body.woocommerce-account.logged-in.sym-site .woocommerce-MyAccount-content .button,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content .button,
  body.woocommerce-account.logged-in.sym-site .woocommerce-MyAccount-content button[type="submit"],
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content button[type="submit"]{
    width: 100% !important;
    max-width: 100% !important;
    min-height: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: normal !important;
    line-height: 1.2 !important;
    text-align: center !important;
  }

  /* Tabelele din Participări/Câștiguri devin scrollabile, nu se strâng pe litere. */
  body.woocommerce-account.logged-in.sym-site .ghicitori-account__table-wrapper,
  body.woocommerce-account.logged-in .ghicitori-account__table-wrapper,
  body.woocommerce-account.logged-in.sym-site .woocommerce-MyAccount-content .shop_table,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content .shop_table{
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.woocommerce-account.logged-in.sym-site .ghicitori-account__table,
  body.woocommerce-account.logged-in .ghicitori-account__table,
  body.woocommerce-account.logged-in.sym-site .woocommerce-MyAccount-content table,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content table{
    min-width: 560px !important;
    width: 100% !important;
    table-layout: auto !important;
  }

  body.woocommerce-account.logged-in.sym-site .ghicitori-account__table th,
  body.woocommerce-account.logged-in.sym-site .ghicitori-account__table td,
  body.woocommerce-account.logged-in .ghicitori-account__table th,
  body.woocommerce-account.logged-in .ghicitori-account__table td,
  body.woocommerce-account.logged-in.sym-site .woocommerce-MyAccount-content table th,
  body.woocommerce-account.logged-in.sym-site .woocommerce-MyAccount-content table td,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content table th,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content table td{
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    vertical-align: top !important;
  }

  /* Burger custom close: îl facem sigur deasupra și clickabil. */
  body.sym-site .sidebar-menu .sym-burger-panel-head{
    z-index: 2147483646 !important;
    pointer-events: auto !important;
  }

  body.sym-site .sidebar-menu .sym-burger-close{
    position: relative !important;
    z-index: 2147483647 !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
  }
}

/* =========================================================
   v48 – Mobile My Account Participări: card layout fix
   ========================================================= */
@media (max-width: 768px){
  body.woocommerce-account.logged-in.sym-site .woocommerce-MyAccount-content .ghicitori-account,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content .ghicitori-account{
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 auto 18px !important;
    padding: 16px 14px !important;
    border-radius: 18px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    background: rgba(0,0,0,.30) !important;
    border: 1px solid rgba(197,184,143,.24) !important;
    box-shadow: none !important;
  }

  body.woocommerce-account.logged-in.sym-site .woocommerce-MyAccount-content .ghicitori-account h2,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content .ghicitori-account h2{
    margin: 0 0 14px !important;
    font-size: 21px !important;
    line-height: 1.2 !important;
    letter-spacing: .10em !important;
    color: var(--sym-gold-2, #c5b88f) !important;
    text-align: left !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  body.woocommerce-account.logged-in.sym-site .ghicitori-account__table-wrapper,
  body.woocommerce-account.logged-in .ghicitori-account__table-wrapper{
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  body.woocommerce-account.logged-in.sym-site .ghicitori-account__table,
  body.woocommerce-account.logged-in .ghicitori-account__table,
  body.woocommerce-account.logged-in.sym-site .ghicitori-account__table thead,
  body.woocommerce-account.logged-in .ghicitori-account__table thead,
  body.woocommerce-account.logged-in.sym-site .ghicitori-account__table tbody,
  body.woocommerce-account.logged-in .ghicitori-account__table tbody,
  body.woocommerce-account.logged-in.sym-site .ghicitori-account__table tr,
  body.woocommerce-account.logged-in .ghicitori-account__table tr,
  body.woocommerce-account.logged-in.sym-site .ghicitori-account__table th,
  body.woocommerce-account.logged-in .ghicitori-account__table th,
  body.woocommerce-account.logged-in.sym-site .ghicitori-account__table td,
  body.woocommerce-account.logged-in .ghicitori-account__table td{
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.woocommerce-account.logged-in.sym-site .ghicitori-account__table,
  body.woocommerce-account.logged-in .ghicitori-account__table{
    border-collapse: separate !important;
    border-spacing: 0 !important;
    table-layout: auto !important;
    margin: 0 !important;
    font-size: 13px !important;
  }

  body.woocommerce-account.logged-in.sym-site .ghicitori-account__table thead,
  body.woocommerce-account.logged-in .ghicitori-account__table thead{
    display: none !important;
  }

  body.woocommerce-account.logged-in.sym-site .ghicitori-account__table tr,
  body.woocommerce-account.logged-in .ghicitori-account__table tr{
    margin: 0 0 12px !important;
    padding: 12px 12px !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.025) !important;
    border: 1px solid rgba(197,184,143,.18) !important;
  }

  body.woocommerce-account.logged-in.sym-site .ghicitori-account__table td,
  body.woocommerce-account.logged-in .ghicitori-account__table td{
    border: 0 !important;
    padding: 7px 0 !important;
    color: rgba(244,244,244,.92) !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
  }

  body.woocommerce-account.logged-in.sym-site .ghicitori-account__table td:not(:last-child),
  body.woocommerce-account.logged-in .ghicitori-account__table td:not(:last-child){
    border-bottom: 1px solid rgba(197,184,143,.10) !important;
  }

  body.woocommerce-account.logged-in.sym-site .ghicitori-account__table td::before,
  body.woocommerce-account.logged-in .ghicitori-account__table td::before{
    display: block !important;
    margin: 0 0 4px !important;
    color: var(--sym-gold-2, #c5b88f) !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    letter-spacing: .14em !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
  }

  body.woocommerce-account.logged-in.sym-site .ghicitori-account__table td:nth-child(1)::before,
  body.woocommerce-account.logged-in .ghicitori-account__table td:nth-child(1)::before{ content: "Joc" !important; }
  body.woocommerce-account.logged-in.sym-site .ghicitori-account__table td:nth-child(2)::before,
  body.woocommerce-account.logged-in .ghicitori-account__table td:nth-child(2)::before{ content: "Status" !important; }
  body.woocommerce-account.logged-in.sym-site .ghicitori-account__table td:nth-child(3)::before,
  body.woocommerce-account.logged-in .ghicitori-account__table td:nth-child(3)::before{ content: "Dată" !important; }

  body.woocommerce-account.logged-in.sym-site .ghicitori-account__table a,
  body.woocommerce-account.logged-in .ghicitori-account__table a{
    display: inline !important;
    color: var(--sym-gold-1, #e6ddad) !important;
    text-decoration: none !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
  }
}

/* =========================================================
   v49 – Participări My Account: real card layout, no table overflow
   ========================================================= */
body.woocommerce-account.logged-in .ghicitori-account--participari,
body.woocommerce-account.logged-in.sym-site .ghicitori-account--participari{
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

body.woocommerce-account.logged-in .sym-participari-list,
body.woocommerce-account.logged-in.sym-site .sym-participari-list{
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

body.woocommerce-account.logged-in .sym-participari-card,
body.woocommerce-account.logged-in.sym-site .sym-participari-card{
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  display: block !important;
  padding: 14px 14px !important;
  border-radius: 16px !important;
  background: rgba(255,255,255,.025) !important;
  border: 1px solid rgba(197,184,143,.20) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.015) !important;
  overflow: hidden !important;
}

body.woocommerce-account.logged-in .sym-participari-card__row,
body.woocommerce-account.logged-in.sym-site .sym-participari-card__row{
  min-width: 0 !important;
  max-width: 100% !important;
  display: grid !important;
  grid-template-columns: 88px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: start !important;
  padding: 7px 0 !important;
  border-bottom: 1px solid rgba(197,184,143,.10) !important;
}

body.woocommerce-account.logged-in .sym-participari-card__row:last-child,
body.woocommerce-account.logged-in.sym-site .sym-participari-card__row:last-child{
  border-bottom: 0 !important;
}

body.woocommerce-account.logged-in .sym-participari-card__row--main,
body.woocommerce-account.logged-in.sym-site .sym-participari-card__row--main{
  padding-top: 0 !important;
}

body.woocommerce-account.logged-in .sym-participari-card__meta,
body.woocommerce-account.logged-in.sym-site .sym-participari-card__meta{
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

body.woocommerce-account.logged-in .sym-participari-card__label,
body.woocommerce-account.logged-in.sym-site .sym-participari-card__label{
  color: var(--sym-gold-2, #c5b88f) !important;
  font-size: 10px !important;
  line-height: 1.25 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

body.woocommerce-account.logged-in .sym-participari-card__title,
body.woocommerce-account.logged-in .sym-participari-card__value,
body.woocommerce-account.logged-in.sym-site .sym-participari-card__title,
body.woocommerce-account.logged-in.sym-site .sym-participari-card__value{
  min-width: 0 !important;
  max-width: 100% !important;
  display: block !important;
  color: rgba(244,244,244,.94) !important;
  font-size: 13px !important;
  line-height: 1.38 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  text-decoration: none !important;
}

body.woocommerce-account.logged-in .sym-participari-card__title,
body.woocommerce-account.logged-in.sym-site .sym-participari-card__title{
  color: var(--sym-gold-1, #e6ddad) !important;
  font-weight: 700 !important;
}

@media (min-width: 769px){
  body.woocommerce-account.logged-in .sym-participari-list,
  body.woocommerce-account.logged-in.sym-site .sym-participari-list{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 991px){
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content .ghicitori-account--participari table,
  body.woocommerce-account.logged-in.sym-site .woocommerce-MyAccount-content .ghicitori-account--participari table{
    display: none !important;
  }

  body.woocommerce-account.logged-in .woocommerce-MyAccount-content .ghicitori-account--participari h2,
  body.woocommerce-account.logged-in.sym-site .woocommerce-MyAccount-content .ghicitori-account--participari h2{
    font-size: 22px !important;
    line-height: 1.2 !important;
    letter-spacing: .10em !important;
    margin-bottom: 14px !important;
    overflow-wrap: normal !important;
  }
}

@media (max-width: 420px){
  body.woocommerce-account.logged-in .sym-participari-card__row,
  body.woocommerce-account.logged-in.sym-site .sym-participari-card__row{
    grid-template-columns: 1fr !important;
    gap: 4px !important;
  }
}


/* =========================================================
   v50 – Header user badge: truncate long usernames/emails safely
   ========================================================= */
body.sym-site .sym-user-badge{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  max-width: 118px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
}
body.sym-site .sym-user-badge__name{
  display: block !important;
  max-width: 82px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
body.sym-site header .sym-user-badge,
body.sym-site .site-header .sym-user-badge,
body.sym-site .woostify-site-header .sym-user-badge{
  padding-left: 8px !important;
  padding-right: 8px !important;
}
@media (max-width: 520px){
  body.sym-site .sym-user-badge{
    max-width: 76px !important;
    gap: 0 !important;
  }
  body.sym-site .sym-user-badge img.avatar{
    display: none !important;
  }
  body.sym-site .sym-user-badge__name{
    max-width: 58px !important;
    font-size: 10px !important;
    letter-spacing: .04em !important;
  }
}

/* =========================================================
   v51 – HARD truncate mobile account badge in header
   ========================================================= */
@media (max-width: 768px){
  body.sym-site .site-header .sym-header-user-badge--mobile-header,
  body.sym-site header .sym-header-user-badge--mobile-header,
  body.sym-site .woostify-site-header .sym-header-user-badge--mobile-header,
  body.sym-site a.sym-header-user-badge--mobile-header{
    flex: 0 1 54px !important;
    width: 54px !important;
    max-width: 54px !important;
    min-width: 0 !important;
    height: 28px !important;
    padding: 0 6px !important;
    margin: 0 4px 0 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    font-size: 9px !important;
    line-height: 28px !important;
    letter-spacing: .03em !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 390px){
  body.sym-site .site-header .sym-header-user-badge--mobile-header,
  body.sym-site header .sym-header-user-badge--mobile-header,
  body.sym-site .woostify-site-header .sym-header-user-badge--mobile-header,
  body.sym-site a.sym-header-user-badge--mobile-header{
    width: 48px !important;
    max-width: 48px !important;
    font-size: 8px !important;
    padding: 0 5px !important;
  }
}


/* =========================================================
   V52 – login/card/enrolled/single image/winner UX
   ========================================================= */
.ghicitori-card--enrolled{
  border-color: rgba(92,214,129,.45) !important;
  box-shadow: 0 18px 60px rgba(0,0,0,.48), 0 0 0 1px rgba(92,214,129,.14) inset !important;
}
.ghicitori-card__enrolled{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  margin:0 8px 8px 0 !important;
  padding:8px 12px !important;
  border-radius:999px !important;
  border:1px solid rgba(92,214,129,.42) !important;
  background:rgba(92,214,129,.10) !important;
  color:#bdf5c9 !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}
.ghicitori-card--enrolled .ghicitori-card__badge::before{
  content:'✓';
  margin-right:6px;
}

/* Single riddle image: same portrait cover logic as list cards */
body.single-riddle .sym-riddle__cover,
body.single-riddle .sym-single-image{
  width:min(420px, 100%) !important;
  aspect-ratio:141/241 !important;
  max-height:620px !important;
  margin:0 auto 26px !important;
  overflow:hidden !important;
  border-radius:22px !important;
  border:1px solid rgba(197,184,143,.28) !important;
  background:#090909 !important;
  box-shadow:0 20px 70px rgba(0,0,0,.45) !important;
}
body.single-riddle .sym-riddle__cover img,
body.single-riddle .sym-riddle__cover-img,
body.single-riddle .sym-single-image img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
}
@media (max-width:767px){
  body.single-riddle .sym-riddle__cover,
  body.single-riddle .sym-single-image{
    width:min(280px, 88vw) !important;
    margin-bottom:20px !important;
    border-radius:18px !important;
  }
}

/* Header user badges: enforce ellipsis for long usernames */
.sym-header-user-badge,
a.sym-header-user-badge,
a.sym-header-user-badge.sym-header-user-badge--mobile-header{
  min-width:0 !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  text-overflow:ellipsis !important;
  box-sizing:border-box !important;
}
@media (max-width:767px){
  a.sym-header-user-badge.sym-header-user-badge--mobile-header{
    width:58px !important;
    max-width:58px !important;
    padding-left:7px !important;
    padding-right:7px !important;
    text-align:center !important;
  }
}


/* =========================================================
   V53 – single image polish + account cards/wins stability
   ========================================================= */
/* Single riddle image: one consistent portrait ratio, no black empty area. */
body.sym-site.single-riddle .sym-riddle__cover,
body.single-riddle .sym-riddle__cover,
body.sym-site.single-riddle .sym-single-image,
body.single-riddle .sym-single-image{
  position: relative !important;
  width: min(420px, 100%) !important;
  aspect-ratio: 4 / 5 !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 auto 28px !important;
  overflow: hidden !important;
  border-radius: 22px !important;
  border: 1px solid rgba(197,184,143,.30) !important;
  background: #080808 !important;
  box-shadow: 0 22px 74px rgba(0,0,0,.48) !important;
}
body.sym-site.single-riddle .sym-riddle__cover img,
body.single-riddle .sym-riddle__cover img,
body.sym-site.single-riddle .sym-riddle__cover-img,
body.single-riddle .sym-riddle__cover-img,
body.sym-site.single-riddle .sym-single-image img,
body.single-riddle .sym-single-image img{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center center !important;
  background: transparent !important;
}
@media (min-width: 992px){
  body.sym-site.single-riddle .sym-riddle__cover,
  body.single-riddle .sym-riddle__cover,
  body.sym-site.single-riddle .sym-single-image,
  body.single-riddle .sym-single-image{
    width: min(420px, 42vw) !important;
  }
}
@media (max-width: 767px){
  body.sym-site.single-riddle .sym-riddle__cover,
  body.single-riddle .sym-riddle__cover,
  body.sym-site.single-riddle .sym-single-image,
  body.single-riddle .sym-single-image{
    width: min(280px, 86vw) !important;
    aspect-ratio: 4 / 5 !important;
    margin-bottom: 22px !important;
    border-radius: 18px !important;
  }
}

/* My Account: Participări + Câștiguri remain readable and aligned on mobile/desktop. */
body.woocommerce-account.logged-in .ghicitori-account,
body.woocommerce-account.logged-in.sym-site .ghicitori-account{
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
body.woocommerce-account.logged-in .ghicitori-account__table-wrapper,
body.woocommerce-account.logged-in.sym-site .ghicitori-account__table-wrapper{
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
body.woocommerce-account.logged-in .ghicitori-account__table,
body.woocommerce-account.logged-in.sym-site .ghicitori-account__table{
  width: 100% !important;
  min-width: 0 !important;
}
@media (max-width: 991px){
  body.woocommerce-account.logged-in .ghicitori-account:not(.ghicitori-account--participari) .ghicitori-account__table,
  body.woocommerce-account.logged-in.sym-site .ghicitori-account:not(.ghicitori-account--participari) .ghicitori-account__table,
  body.woocommerce-account.logged-in .ghicitori-account:not(.ghicitori-account--participari) .ghicitori-account__table thead,
  body.woocommerce-account.logged-in.sym-site .ghicitori-account:not(.ghicitori-account--participari) .ghicitori-account__table thead,
  body.woocommerce-account.logged-in .ghicitori-account:not(.ghicitori-account--participari) .ghicitori-account__table tbody,
  body.woocommerce-account.logged-in.sym-site .ghicitori-account:not(.ghicitori-account--participari) .ghicitori-account__table tbody,
  body.woocommerce-account.logged-in .ghicitori-account:not(.ghicitori-account--participari) .ghicitori-account__table tr,
  body.woocommerce-account.logged-in.sym-site .ghicitori-account:not(.ghicitori-account--participari) .ghicitori-account__table tr,
  body.woocommerce-account.logged-in .ghicitori-account:not(.ghicitori-account--participari) .ghicitori-account__table td,
  body.woocommerce-account.logged-in.sym-site .ghicitori-account:not(.ghicitori-account--participari) .ghicitori-account__table td{
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  body.woocommerce-account.logged-in .ghicitori-account:not(.ghicitori-account--participari) .ghicitori-account__table thead,
  body.woocommerce-account.logged-in.sym-site .ghicitori-account:not(.ghicitori-account--participari) .ghicitori-account__table thead{
    display: none !important;
  }
  body.woocommerce-account.logged-in .ghicitori-account:not(.ghicitori-account--participari) .ghicitori-account__table tr,
  body.woocommerce-account.logged-in.sym-site .ghicitori-account:not(.ghicitori-account--participari) .ghicitori-account__table tr{
    margin: 0 0 12px !important;
    padding: 13px 14px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(197,184,143,.20) !important;
    background: rgba(255,255,255,.025) !important;
  }
  body.woocommerce-account.logged-in .ghicitori-account:not(.ghicitori-account--participari) .ghicitori-account__table td,
  body.woocommerce-account.logged-in.sym-site .ghicitori-account:not(.ghicitori-account--participari) .ghicitori-account__table td{
    border: 0 !important;
    padding: 7px 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    color: rgba(244,244,244,.94) !important;
  }
  body.woocommerce-account.logged-in .ghicitori-account:not(.ghicitori-account--participari) .ghicitori-account__table td:not(:last-child),
  body.woocommerce-account.logged-in.sym-site .ghicitori-account:not(.ghicitori-account--participari) .ghicitori-account__table td:not(:last-child){
    border-bottom: 1px solid rgba(197,184,143,.10) !important;
  }
  body.woocommerce-account.logged-in .ghicitori-account:not(.ghicitori-account--participari) .ghicitori-account__table td::before,
  body.woocommerce-account.logged-in.sym-site .ghicitori-account:not(.ghicitori-account--participari) .ghicitori-account__table td::before{
    display:block !important;
    margin-bottom:4px !important;
    color: var(--sym-gold-2, #c5b88f) !important;
    font-size:10px !important;
    font-weight:800 !important;
    letter-spacing:.13em !important;
    text-transform:uppercase !important;
  }
  body.woocommerce-account.logged-in .ghicitori-account:not(.ghicitori-account--participari) .ghicitori-account__table td:nth-child(1)::before{ content:"Provocare" !important; }
  body.woocommerce-account.logged-in .ghicitori-account:not(.ghicitori-account--participari) .ghicitori-account__table td:nth-child(2)::before{ content:"Comandă" !important; }
  body.woocommerce-account.logged-in .ghicitori-account:not(.ghicitori-account--participari) .ghicitori-account__table td:nth-child(3)::before{ content:"Status" !important; }
  body.woocommerce-account.logged-in .ghicitori-account:not(.ghicitori-account--participari) .ghicitori-account__table td:nth-child(4)::before{ content:"Dată" !important; }
}


/* =========================================================
   v54 - card images full cover + thank you page polish
   ========================================================= */

/* Card thumbnails: image must cover the whole left visual area, no black gap. */
.ghicitori-card__thumb,
body.home.sym-site .ghicitori-card__thumb,
body.page-id-2234.sym-site .ghicitori-card__thumb {
  position: relative !important;
  overflow: hidden !important;
  background: #000 !important;
  line-height: 0 !important;
}

.ghicitori-card__thumb img,
body.home.sym-site .ghicitori-card__thumb img,
body.page-id-2234.sym-site .ghicitori-card__thumb img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  transform: scale(1.015) !important;
}

@media (min-width: 821px) {
  .ghicitori-card,
  body.home.sym-site .ghicitori-card,
  body.page-id-2234.sym-site .ghicitori-card {
    align-items: stretch !important;
  }

  .ghicitori-card__thumb,
  body.home.sym-site .ghicitori-card__thumb,
  body.page-id-2234.sym-site .ghicitori-card__thumb {
    align-self: stretch !important;
    height: auto !important;
    min-height: 100% !important;
  }
}

@media (max-width: 820px) {
  .ghicitori-card__thumb,
  body.home.sym-site .ghicitori-card__thumb,
  body.page-id-2234.sym-site .ghicitori-card__thumb {
    height: 220px !important;
    min-height: 220px !important;
  }
}

/* WooCommerce Thank You / Order received page - premium responsive layout. */
body.woocommerce-order-received,
body.woocommerce-order-received #page,
body.woocommerce-order-received .site,
body.woocommerce-order-received .site-content,
body.woocommerce-order-received #content,
body.woocommerce-order-received .content-area,
body.woocommerce-order-received .site-main,
body.woocommerce-order-received .entry-content {
  background: #000 !important;
  color: rgba(244,244,244,.94) !important;
}

body.woocommerce-order-received .woocommerce-order {
  width: min(920px, calc(100vw - 32px)) !important;
  margin: 38px auto 70px !important;
  padding: 0 !important;
  color: rgba(244,244,244,.94) !important;
}

body.woocommerce-order-received .woocommerce-thankyou-order-received,
body.woocommerce-order-received .woocommerce-notice--success {
  max-width: 720px !important;
  margin: 0 auto 30px !important;
  padding: 22px 26px !important;
  border: 1px dashed rgba(230,221,173,.78) !important;
  border-radius: 18px !important;
  background: radial-gradient(circle at top, rgba(230,221,173,.08), rgba(0,0,0,.12)) !important;
  color: #fff !important;
  text-align: center !important;
  font-size: clamp(20px, 2.2vw, 28px) !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
}

body.woocommerce-order-received ul.order_details {
  max-width: 760px !important;
  margin: 0 auto 34px !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  gap: 0 !important;
  border: 1px solid rgba(197,184,143,.24) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: rgba(255,255,255,.025) !important;
}

body.woocommerce-order-received ul.order_details li {
  float: none !important;
  margin: 0 !important;
  padding: 18px 14px !important;
  width: auto !important;
  border: 0 !important;
  border-right: 1px dashed rgba(244,244,244,.34) !important;
  color: rgba(230,221,173,.95) !important;
  text-align: center !important;
  text-transform: none !important;
  line-height: 1.5 !important;
  font-size: 13px !important;
  letter-spacing: .05em !important;
}
body.woocommerce-order-received ul.order_details li:last-child { border-right: 0 !important; }
body.woocommerce-order-received ul.order_details li strong {
  display: block !important;
  margin-top: 8px !important;
  color: #fff !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
}

body.woocommerce-order-received .woocommerce-order > p:not(.woocommerce-thankyou-order-received) {
  max-width: 760px !important;
  margin: 0 auto 28px !important;
  color: rgba(244,244,244,.9) !important;
  line-height: 1.7 !important;
}

body.woocommerce-order-received .woocommerce-order-details,
body.woocommerce-order-received .woocommerce-customer-details {
  max-width: 760px !important;
  margin: 0 auto 28px !important;
}

body.woocommerce-order-received .woocommerce-order-details__title,
body.woocommerce-order-received .woocommerce-column__title,
body.woocommerce-order-received h2,
body.woocommerce-order-received h3 {
  margin: 26px 0 16px !important;
  color: #e6ddad !important;
  text-align: center !important;
  text-transform: uppercase !important;
  letter-spacing: .14em !important;
  font-size: clamp(18px, 2vw, 24px) !important;
}

body.woocommerce-order-received table.shop_table,
body.woocommerce-order-received .woocommerce-table--order-details {
  width: 100% !important;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  border: 1px solid rgba(197,184,143,.24) !important;
  background: rgba(255,255,255,.045) !important;
}

body.woocommerce-order-received table.shop_table th,
body.woocommerce-order-received table.shop_table td {
  padding: 16px 18px !important;
  border-color: rgba(197,184,143,.16) !important;
  color: #fff !important;
  line-height: 1.5 !important;
  vertical-align: top !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

body.woocommerce-order-received table.shop_table th:last-child,
body.woocommerce-order-received table.shop_table td:last-child {
  text-align: right !important;
  white-space: normal !important;
}

body.woocommerce-order-received table.shop_table thead th {
  background: rgba(230,221,173,.08) !important;
  color: #fff !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  font-size: 12px !important;
}

body.woocommerce-order-received table.shop_table tfoot th,
body.woocommerce-order-received table.shop_table tfoot td {
  background: rgba(0,0,0,.14) !important;
  font-weight: 800 !important;
}

body.woocommerce-order-received address {
  border: 1px solid rgba(197,184,143,.24) !important;
  border-radius: 18px !important;
  padding: 18px !important;
  background: rgba(255,255,255,.03) !important;
  color: rgba(244,244,244,.9) !important;
  line-height: 1.7 !important;
}

@media (max-width: 767px) {
  body.woocommerce-order-received .woocommerce-order {
    width: min(430px, calc(100vw - 28px)) !important;
    margin-top: 22px !important;
  }

  body.woocommerce-order-received .woocommerce-thankyou-order-received,
  body.woocommerce-order-received .woocommerce-notice--success {
    padding: 18px 16px !important;
    border-radius: 14px !important;
    font-size: 20px !important;
  }

  body.woocommerce-order-received ul.order_details {
    grid-template-columns: 1fr !important;
    border-radius: 16px !important;
  }

  body.woocommerce-order-received ul.order_details li {
    border-right: 0 !important;
    border-bottom: 1px dashed rgba(244,244,244,.34) !important;
    padding: 15px 12px !important;
  }
  body.woocommerce-order-received ul.order_details li:last-child { border-bottom: 0 !important; }

  body.woocommerce-order-received .woocommerce-order-details,
  body.woocommerce-order-received .woocommerce-customer-details {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body.woocommerce-order-received table.shop_table,
  body.woocommerce-order-received table.shop_table tbody,
  body.woocommerce-order-received table.shop_table tfoot,
  body.woocommerce-order-received table.shop_table tr,
  body.woocommerce-order-received table.shop_table th,
  body.woocommerce-order-received table.shop_table td {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  body.woocommerce-order-received table.shop_table thead {
    display: none !important;
  }

  body.woocommerce-order-received table.shop_table tr {
    border-bottom: 1px solid rgba(197,184,143,.16) !important;
  }

  body.woocommerce-order-received table.shop_table th,
  body.woocommerce-order-received table.shop_table td {
    padding: 13px 14px !important;
    text-align: left !important;
    border: 0 !important;
  }

  body.woocommerce-order-received table.shop_table td:last-child,
  body.woocommerce-order-received table.shop_table th:last-child {
    text-align: left !important;
  }

  body.woocommerce-order-received table.shop_table tfoot tr {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
    align-items: start !important;
  }

  body.woocommerce-order-received table.shop_table tfoot th,
  body.woocommerce-order-received table.shop_table tfoot td {
    display: block !important;
    width: auto !important;
  }

  body.woocommerce-order-received table.shop_table tfoot td {
    text-align: right !important;
  }
}


/* =========================================================
   v55 - status filter hard hide fix
   CSS-ul cardurilor folosește display cu !important în mai multe locuri;
   această clasă garantează că filtrarea ascunde efectiv cardurile.
   ========================================================= */
.ghicitori-card.sym-card-hidden-by-filter,
body.sym-site .ghicitori-card.sym-card-hidden-by-filter,
body.home.sym-site .ghicitori-card.sym-card-hidden-by-filter,
body.page-id-2234.sym-site .ghicitori-card.sym-card-hidden-by-filter {
  display: none !important;
}


/* =========================================================
   v56 - sortare + filtre status: hard fallback
   ========================================================= */
.ghicitori-card[hidden],
body.sym-site .ghicitori-card[hidden],
body.home.sym-site .ghicitori-card[hidden],
body.page-id-2234.sym-site .ghicitori-card[hidden],
.ghicitori-card.sym-card-hidden-by-filter,
body.sym-site .ghicitori-card.sym-card-hidden-by-filter,
body.home.sym-site .ghicitori-card.sym-card-hidden-by-filter,
body.page-id-2234.sym-site .ghicitori-card.sym-card-hidden-by-filter {
  display: none !important;
}

.sym-filter-empty-message{
  grid-column: 1 / -1;
  width: 100%;
  padding: 18px 20px;
  border: 1px solid rgba(230,221,173,.28);
  border-radius: 14px;
  background: rgba(255,255,255,.025);
  color: rgba(244,244,244,.86);
  text-align: center;
  letter-spacing: .06em;
}


/* =========================================================
   v58 RESTORE: cart drawer + logged-in username badge
   - re-enable Woostify mini-cart drawer if older CSS hid it
   - keep header username compact so it does not cover cart
   ========================================================= */
body.sym-site #shop-cart-sidebar{
  display: block !important;
  pointer-events: auto !important;
  visibility: visible !important;
  opacity: 1 !important;
}
body.sym-site #shop-cart-sidebar *{
  pointer-events: auto;
}

body.sym-site .sym-user-link-ready{
  position: relative !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 1px !important;
  text-decoration: none !important;
}
body.sym-site .sym-user-link-ready .sym-user-name{
  display: block !important;
  max-width: 56px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  color: rgba(230,221,173,.95) !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
  letter-spacing: .03em !important;
  text-align: center !important;
  pointer-events: none !important;
}
body.sym-site .sym-header-user-badge--mobile-header,
body.sym-site a.sym-header-user-badge.sym-header-user-badge--mobile-header{
  max-width: 58px !important;
  width: 58px !important;
  min-width: 0 !important;
  height: 28px !important;
  padding: 0 7px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  flex: 0 0 auto !important;
  position: relative !important;
  z-index: 5 !important;
}
@media (min-width: 769px){
  body.sym-site .sym-header-user-badge--mobile-header{ display:none !important; }
}

/* =========================================================
   v62: Codec Warm trial numeric fallback
   Codec Warm Trial renders digits/some numeric glyphs incorrectly.
   Keep Codec Warm for text, but force readable numerals/prices/counters.
   ========================================================= */
body.sym-site .woocommerce-Price-amount,
body.sym-site .woocommerce-Price-amount bdi,
body.sym-site .woocommerce-Price-currencySymbol,
body.sym-site .price,
body.sym-site .amount,
body.sym-site .ghicitori-card__price,
body.sym-site .sym-price,
body.sym-site .sym-riddle__price,
body.sym-site .sym-riddle__meta,
body.sym-site .sym-riddle__date,
body.sym-site .sym-riddle-card__price,
body.sym-site .sym-participation-card__value,
body.sym-site .sym-wins-card__value,
body.sym-site .sym-bank-address-links .button,
body.sym-site .cart-contents-count,
body.sym-site .shop-cart-count,
body.sym-site .cart-contents .count,
body.sym-site .header-cart-count,
body.sym-site .header-cart-link .count,
body.sym-site .header-cart-link span.count,
body.sym-site .woostify-cart-count,
body.sym-site .mini-cart-count,
body.sym-site #shop-cart-sidebar .quantity,
body.sym-site #shop-cart-sidebar .mini-cart-product-price,
body.sym-site #shop-cart-sidebar .woocommerce-mini-cart__total,
body.sym-site #shop-cart-sidebar input.qty,
body.sym-site .wc-block-components-totals-item__value,
body.sym-site .wc-block-components-totals-footer-item__value,
body.sym-site .wc-block-components-product-price,
body.sym-site .wc-block-components-order-summary-item__quantity,
body.sym-site .woocommerce-order-overview,
body.sym-site .woocommerce-order-overview strong,
body.sym-site .woocommerce-order-details,
body.sym-site .woocommerce-order-details .woocommerce-Price-amount,
body.sym-site .woocommerce-table,
body.sym-site .woocommerce table.shop_table .woocommerce-Price-amount,
body.sym-site time,
body.sym-site input[type="number"],
body.sym-site input[type="date"]{
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-variant-numeric: tabular-nums !important;
  font-feature-settings: "tnum" 1, "lnum" 1 !important;
  letter-spacing: .02em !important;
}

/* Header/cart badge number: compact and readable */
body.sym-site .cart-contents-count,
body.sym-site .shop-cart-count,
body.sym-site .header-cart-count,
body.sym-site .woostify-cart-count,
body.sym-site .mini-cart-count,
body.sym-site .header-cart-link span.count{
  font-family: Arial, sans-serif !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

/* Card prices keep visual weight while using safe digits */
body.sym-site .ghicitori-card__price,
body.sym-site .price,
body.sym-site .amount,
body.sym-site .woocommerce-Price-amount{
  font-weight: 800 !important;
}


/* =========================================================
   v64: GLOBAL Codec Warm Trial digits/symbols fix
   Some Codec Warm Trial files render numerals incorrectly. This patch keeps
   Codec Warm for normal text but maps digits and numeric symbols to a safe
   local UI font everywhere, including mixed text like "30 zile".
   ========================================================= */
@font-face {
  font-family: "Codec Warm";
  src: local("Arial"), local("Segoe UI"), local("Roboto");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0030-0039, U+0025, U+002B, U+002D, U+002E, U+002C, U+002F, U+003A, U+003B, U+0028, U+0029, U+005B, U+005D, U+007B, U+007D, U+20AC, U+00A3, U+0024, U+00A2, U+00B0, U+00B2, U+00B3, U+00B9;
}
@font-face {
  font-family: "Codec Warm";
  src: local("Arial Italic"), local("Segoe UI Italic"), local("Roboto Italic"), local("Arial");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0030-0039, U+0025, U+002B, U+002D, U+002E, U+002C, U+002F, U+003A, U+003B, U+0028, U+0029, U+005B, U+005D, U+007B, U+007D, U+20AC, U+00A3, U+0024, U+00A2, U+00B0, U+00B2, U+00B3, U+00B9;
}

/* Extra defensive fallback for numeric-heavy UI areas not scoped by .sym-site. */
.woocommerce-Price-amount,
.woocommerce-Price-amount bdi,
.woocommerce-Price-currencySymbol,
.price,
.amount,
time,
data,
[class*="price"],
[class*="amount"],
[class*="total"],
[class*="subtotal"],
[class*="quantity"],
[class*="count"],
[class*="date"],
[class*="time"],
[class*="order"],
[class*="number"],
[class*="qty"],
input[type="number"],
input[type="date"],
input[type="time"],
input[type="tel"],
input[type="datetime-local"],
.wc-block-components-totals-item__value,
.wc-block-components-totals-footer-item__value,
.wc-block-components-order-summary-item__quantity,
.wc-block-components-product-price,
.woocommerce-order-overview,
.woocommerce-order-details,
.woocommerce-table,
.shop_table,
.shop_table td,
.shop_table th,
.cart-contents-count,
.shop-cart-count,
.header-cart-count,
.woostify-cart-count,
.mini-cart-count,
.ghicitori-card__meta,
.ghicitori-card__price,
.sym-riddle__meta,
.sym-riddle__price,
.sym-participation-card,
.sym-wins-card,
.sym-legal-page {
  font-variant-numeric: tabular-nums !important;
  font-feature-settings: "tnum" 1, "lnum" 1 !important;
}


/* =========================================================
   v65: FAQ restore + numeric glyph hard fallback
   - Restores FAQ accordion expand/collapse behavior visually.
   - Any digits wrapped by JS use a safe UI font, avoiding Codec Trial glyph issues.
   ========================================================= */
.sym-num,
body.sym-site .sym-num{
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-variant-numeric: tabular-nums !important;
  font-feature-settings: "tnum" 1, "lnum" 1 !important;
  letter-spacing: .01em !important;
}

body.sym-site .sym-terms h2,
body.sym-site .sym-terms h3,
body.sym-site .sym-privacy h2,
body.sym-site .sym-privacy h3,
body.sym-site .sym-cookies h2,
body.sym-site .sym-cookies h3,
body.sym-site .sym-legal-page h2,
body.sym-site .sym-legal-page h3{
  font-family: "Codec Warm", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}

body.sym-site .sym-faq__answer{
  display: block;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height .25s ease, opacity .2s ease, padding .2s ease;
}
body.sym-site .sym-faq__item.sym-faq__item--active .sym-faq__answer,
body.sym-site .sym-faq__item.is-open .sym-faq__answer{
  max-height: 1200px;
  opacity: 1;
}
body.sym-site .sym-faq__item.sym-faq__item--active .sym-faq__icon,
body.sym-site .sym-faq__item.is-open .sym-faq__icon{
  transform: rotate(45deg);
}


/* =========================================================
   v67 – GLOBAL TYPOGRAPHY / RESPONSIVE POLISH
   Scope: doar font/spacing/aliniere text. Nu schimbă logica site-ului.
   ========================================================= */

body.sym-site,
body.sym-site button,
body.sym-site input,
body.sym-site textarea,
body.sym-site select,
body.sym-site .sym-frame,
body.sym-site .sym-page,
body.sym-site .ghicitori-account,
body.sym-site .ghicitori-card,
body.sym-site .sym-faq,
body.sym-site .woocommerce,
body.sym-site .woocommerce *{
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: geometricPrecision !important;
}

/* Codec Warm arată mai curat cu tracking mai mic pe texte lungi. */
body.sym-site,
body.sym-site .sym-frame__content,
body.sym-site .sym-page-frame__content,
body.sym-site .sym-legal-content,
body.sym-site .ghicitori-account,
body.sym-site .sym-account-panel,
body.sym-site .woocommerce-account,
body.sym-site .woocommerce-order,
body.sym-site .sym-faq__answer{
  letter-spacing: 0.025em !important;
  line-height: 1.62 !important;
  font-weight: 400 !important;
}

/* Titluri: fără spațiere exagerată, să nu se rupă literele pe mobile. */
body.sym-site h1,
body.sym-site h2,
body.sym-site h3,
body.sym-site .sym-frame__title,
body.sym-site .sym-page-title,
body.sym-site .ghicitori-account h1,
body.sym-site .ghicitori-account h2,
body.sym-site .ghicitori-account h3,
body.sym-site .sym-account-card h2,
body.sym-site .sym-panel-title,
body.sym-site .sym-faq h2{
  letter-spacing: 0.07em !important;
  line-height: 1.18 !important;
  font-weight: 600 !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

/* Butoane/meniuri păstrează senzația premium, dar nu exagerat. */
body.sym-site button,
body.sym-site .button,
body.sym-site .ghicitori-card__btn,
body.sym-site .sym-filter,
body.sym-site .main-navigation a,
body.sym-site .sidebar-menu a{
  letter-spacing: 0.075em !important;
}

/* FAQ: numărul, textul și plusul au coloane clare. Scapă de punctul decalat. */
body.sym-site .sym-page--faq .sym-faq__question{
  display: grid !important;
  grid-template-columns: 26px minmax(0, 1fr) 32px !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 58px !important;
  padding: 10px 14px 10px 18px !important;
  font-size: 16px !important;
  line-height: 1.38 !important;
  letter-spacing: 0.025em !important;
  text-align: left !important;
}
body.sym-site .sym-page--faq .sym-faq__question span:first-child{
  padding-right: 0 !important;
}
body.sym-site .sym-page--faq .sym-faq__qno{
  grid-column: 1 !important;
  display: inline-flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  color: rgba(255,255,255,.94) !important;
  font-weight: 400 !important;
}
body.sym-site .sym-page--faq .sym-faq__qno::after{
  content: '.';
  margin-left: 5px;
  color: rgba(255,255,255,.9);
}
body.sym-site .sym-page--faq .sym-faq__qtext{
  grid-column: 2 !important;
  min-width: 0 !important;
  display: block !important;
  padding-right: 0 !important;
}
body.sym-site .sym-page--faq .sym-faq__icon{
  grid-column: 3 !important;
  justify-self: end !important;
  flex: 0 0 30px !important;
}

/* About / FAQ / Contact: titluri stabile pe mobile, fără litera coborâtă. */
@media (max-width: 767px){
  body.sym-site .sym-page{
    padding-top: 74px !important;
  }
  body.sym-site .sym-frame,
  body.sym-site .sym-page--about .sym-frame,
  body.sym-site .sym-page--faq .sym-frame,
  body.sym-site .sym-page--contact .sym-frame{
    width: min(100% - 28px, 560px) !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  body.sym-site .sym-frame__title,
  body.sym-site .sym-page--about .sym-frame__title,
  body.sym-site .sym-page--faq .sym-frame__title,
  body.sym-site .sym-page--contact .sym-frame__title{
    font-size: clamp(24px, 8vw, 34px) !important;
    letter-spacing: 0.055em !important;
    line-height: 1.15 !important;
    max-width: 100% !important;
    white-space: normal !important;
    text-align: center !important;
  }
  body.sym-site .sym-page--about .sym-frame__content,
  body.sym-site .sym-page--contact .sym-frame__content,
  body.sym-site .sym-page--faq .sym-frame__content{
    font-size: 16px !important;
    line-height: 1.58 !important;
    letter-spacing: 0.025em !important;
  }
  body.sym-site .sym-page--faq .sym-faq__question{
    grid-template-columns: 24px minmax(0, 1fr) 32px !important;
    gap: 10px !important;
    font-size: clamp(15px, 4.4vw, 18px) !important;
    padding: 12px 12px 12px 14px !important;
  }
  body.sym-site .sym-page--faq .sym-faq__qno{
    font-size: clamp(15px, 4.4vw, 18px) !important;
  }
  body.sym-site .sym-page--faq .sym-faq__answer{
    font-size: 15px !important;
    line-height: 1.55 !important;
    letter-spacing: 0.02em !important;
  }
}

/* Panou cont: unifică fontul între meniul lateral și conținut. */
body.sym-site .woocommerce-MyAccount-navigation,
body.sym-site .woocommerce-MyAccount-navigation a,
body.sym-site .woocommerce-MyAccount-content,
body.sym-site .woocommerce-MyAccount-content *,
body.sym-site .ghicitori-account,
body.sym-site .ghicitori-account *{
  letter-spacing: 0.035em !important;
}
body.sym-site .woocommerce-MyAccount-content h1,
body.sym-site .woocommerce-MyAccount-content h2,
body.sym-site .woocommerce-MyAccount-content h3,
body.sym-site .ghicitori-account h1,
body.sym-site .ghicitori-account h2,
body.sym-site .ghicitori-account h3{
  letter-spacing: 0.06em !important;
  font-weight: 600 !important;
}

/* Listele legale: cifre clare, fără glyph-uri trial și fără spațiere ciudată. */
body.sym-site .sym-legal-content ol,
body.sym-site .sym-legal-content li,
body.sym-site .sym-page--legal ol,
body.sym-site .sym-page--legal li,
body.sym-site .sym-frame__content ol,
body.sym-site .sym-frame__content li{
  letter-spacing: 0.025em !important;
}
body.sym-site .sym-legal-content li::marker,
body.sym-site .sym-page--legal li::marker,
body.sym-site .sym-frame__content li::marker,
body.sym-site .sym-faq__qno,
body.sym-site .sym-number,
body.sym-site .sym-date,
body.sym-site .sym-time,
body.sym-site .woocommerce-Price-amount,
body.sym-site .woocommerce-Price-currencySymbol,
body.sym-site .amount,
body.sym-site .cart-count,
body.sym-site .shop-cart-count,
body.sym-site .count{
  font-family: Arial, Helvetica, sans-serif !important;
  letter-spacing: 0 !important;
  font-variant-numeric: tabular-nums !important;
}