/* FETYCI SHOP Control Center v6.0 */
:root {
  --cms-page-bg:#f3f5f3; --cms-page-bg-2:#edf1ee; --cms-surface:#fff; --cms-surface-alt:#f6f8f7;
  --cms-header-bg:#f8faf9; --cms-text:#202724; --cms-muted:#68716d; --cms-accent:#a88758;
  --cms-accent-strong:#80643f; --cms-button-bg:#26302d; --cms-button-text:#fff; --cms-input-bg:#fff;
  --cms-border:#dce2de; --cms-success:#4e7663; --cms-danger:#a45656; --cms-radius:18px;
  --cms-shadow-alpha:.10; --cms-glass-opacity:.82; --cms-content-width:1280px; --cms-card-gap:20px;
  --announcement-bg-1:#e8eee9; --announcement-bg-2:#eee5d8; --announcement-accent:#9b7a4d;
  --announcement-title:#202724; --announcement-text:#626b67; --announcement-button-bg:#25302c;
  --announcement-button-text:#fff; --announcement-border:#d8d5cd; --announcement-icon-bg:#fff;
  --announcement-overlay:.10; --announcement-image-opacity:1; --announcement-angle:105deg;
  --announcement-radius:0px; --announcement-shadow:.10; --announcement-min-height:88px;
}

/* Global theme controls */
body:not(.admin-page) {
  color:var(--cms-text)!important;
  background:
    radial-gradient(circle at 4% 0%, color-mix(in srgb, var(--cms-accent) 10%, transparent), transparent 34rem),
    radial-gradient(circle at 96% 8%, color-mix(in srgb, var(--cms-page-bg-2) 70%, transparent), transparent 38rem),
    linear-gradient(180deg,var(--cms-page-bg),var(--cms-page-bg-2))!important;
}
.container { max-width:var(--cms-content-width)!important; }
.header,.l-header,#siteHeader { background:color-mix(in srgb,var(--cms-header-bg) 88%, transparent)!important; border-color:var(--cms-border)!important; }
.glass-panel,.product-card,.service-card,.collection-card,.modal-card,.profile-card,.cart-panel,.quick-view-card {
  background:color-mix(in srgb,var(--cms-surface) calc(var(--cms-glass-opacity) * 100%), transparent)!important;
  border-color:var(--cms-border)!important;
  border-radius:var(--cms-radius)!important;
  box-shadow:0 18px 48px rgba(38,48,45,var(--cms-shadow-alpha))!important;
}
input,select,textarea,.quantity-control,.size-button,.color-button,.filter-button {
  background:var(--cms-input-bg)!important; color:var(--cms-text)!important; border-color:var(--cms-border)!important;
  border-radius:calc(var(--cms-radius) * .72)!important;
}
button,.glass-button,.add-button,.announcement-action { border-radius:calc(var(--cms-radius) * .78)!important; }
.glass-button-dark,.add-button,.checkout-button,.primary-button {
  background:var(--cms-button-bg)!important; color:var(--cms-button-text)!important; border-color:var(--cms-button-bg)!important;
}
a,.eyebrow,.product-price,.section-heading>span { color:var(--cms-accent-strong); }
p,.muted,.product-description,.product-meta { color:var(--cms-muted)!important; }
.product-grid,.collections-grid,.service-grid { gap:var(--cms-card-gap)!important; }

/* Announcement contrast and layouts */
.site-announcement {
  position:relative; isolation:isolate; overflow:hidden;
  min-height:var(--announcement-min-height);
  color:var(--announcement-title)!important;
  background:linear-gradient(var(--announcement-angle),var(--announcement-bg-1),var(--announcement-bg-2))!important;
  border:1px solid var(--announcement-border)!important;
  border-left:0!important; border-right:0!important;
  border-radius:var(--announcement-radius)!important;
  box-shadow:0 12px 34px rgba(28,35,32,var(--announcement-shadow))!important;
}
.site-announcement::before {
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:
    radial-gradient(circle at 10% 20%,color-mix(in srgb,var(--announcement-accent) 24%,transparent),transparent 28%),
    radial-gradient(circle at 90% 70%,color-mix(in srgb,var(--announcement-accent) 16%,transparent),transparent 24%);
  opacity:.9;
}
.site-announcement .announcement-inner { min-height:var(--announcement-min-height); gap:18px; }
.site-announcement .announcement-copy strong { color:var(--announcement-title)!important; }
.site-announcement .announcement-copy span { color:var(--announcement-text)!important; }
.site-announcement .announcement-action {
  background:var(--announcement-button-bg)!important; color:var(--announcement-button-text)!important;
  border:1px solid color-mix(in srgb,var(--announcement-button-bg) 70%,white)!important;
  box-shadow:0 8px 22px rgba(28,35,32,.14)!important;
}
.site-announcement .announcement-icon,.site-announcement .announcement-image {
  background:color-mix(in srgb,var(--announcement-icon-bg) 72%,transparent)!important;
  border:1px solid color-mix(in srgb,var(--announcement-icon-bg) 80%,var(--announcement-border))!important;
  box-shadow:0 8px 24px rgba(28,35,32,.08)!important;
}
.site-announcement .announcement-icon svg { stroke:var(--announcement-accent)!important; }
.site-announcement .announcement-image img { opacity:var(--announcement-image-opacity); }
.site-announcement .announcement-close { color:var(--announcement-text)!important; background:color-mix(in srgb,var(--announcement-icon-bg) 45%,transparent)!important; }
.site-announcement[data-layout="wide"] .announcement-inner { min-height:max(130px,var(--announcement-min-height)); padding-top:22px; padding-bottom:22px; }
.site-announcement[data-layout="wide"] .announcement-copy strong { font-size:clamp(1.5rem,3vw,2.8rem); }
.site-announcement[data-layout="wide"] .announcement-image { width:118px; height:82px; border-radius:18px; }
.site-announcement[data-layout="image"] { min-height:max(220px,var(--announcement-min-height)); }
.site-announcement[data-layout="image"] .announcement-image { position:absolute; inset:0; z-index:-2; width:100%; height:100%; border:0!important; border-radius:0!important; }
.site-announcement[data-layout="image"] .announcement-image img { width:100%; height:100%; object-fit:cover; }
.site-announcement[data-layout="image"]::after { content:""; position:absolute; inset:0; z-index:-1; background:rgba(255,255,255,var(--announcement-overlay)); }
.site-announcement[data-layout="image"] .announcement-inner { min-height:max(220px,var(--announcement-min-height)); align-items:center; }
.site-announcement[data-layout="image"] .announcement-copy { padding:18px 22px; background:rgba(255,255,255,.70); border:1px solid rgba(255,255,255,.72); border-radius:20px; backdrop-filter:blur(16px); }

/* Admin advanced controls */
.control-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-bottom:20px; }
.control-tabs,.preset-row { display:flex; flex-wrap:wrap; gap:10px; margin:16px 0; }
.control-tab,.preset-row button { appearance:none; border:1px solid var(--f-border,#dce2de); background:rgba(255,255,255,.72); padding:11px 16px; border-radius:999px; cursor:pointer; font:inherit; }
.control-tab.active,.preset-row button:hover { background:#26302d; color:#fff; }
.control-panel { display:none; }
.control-panel.active { display:block; }
.control-list { display:grid; gap:18px; }
.control-card { padding:22px; }
.control-card-head { display:flex; justify-content:space-between; gap:18px; align-items:flex-start; margin-bottom:14px; }
.control-card-head h2 { margin:.2rem 0; }
.control-card-head p { margin:0; }
.control-status { display:inline-flex; padding:7px 11px; border-radius:999px; font-size:.78rem; font-weight:700; }
.control-status.success { background:rgba(78,118,99,.12); color:#3d6a55; }
.control-status.danger { background:rgba(164,86,86,.12); color:#934747; }
.control-status.warning { background:rgba(168,135,88,.15); color:#80643f; }
.control-meta { display:flex; flex-wrap:wrap; gap:8px 18px; padding:11px 0 18px; color:#68716d; font-size:.9rem; }
.control-actions { margin-top:16px; }
.danger-button { color:#934747!important; border-color:rgba(164,86,86,.28)!important; background:rgba(164,86,86,.07)!important; }
.control-toolbar { display:flex; gap:12px; align-items:end; margin-bottom:18px; }
.control-toolbar label { flex:1; }
.control-switches { display:flex; flex-wrap:wrap; gap:16px; margin:14px 0; }
.security-explainer { max-width:820px; }
.color-control { display:grid; grid-template-columns:54px 1fr; gap:8px; }
.color-control input[type="color"] { min-height:44px; padding:4px!important; }
.site-form-grid output { display:block; margin-top:6px; font-size:.78rem; color:#68716d; }
.announcement-admin-preview { background:linear-gradient(var(--preview-angle,105deg),var(--preview-bg1,#e8eee9),var(--preview-bg2,#eee5d8))!important; }
.announcement-admin-preview strong { color:var(--preview-title,#202724)!important; }
.announcement-admin-preview span { color:var(--preview-text,#626b67)!important; }
.announcement-admin-preview b { background:var(--preview-button,#25302c)!important; color:var(--preview-button-text,#fff)!important; }
.review-admin-reply { margin-top:10px; padding:12px 14px; border-left:3px solid var(--cms-accent); background:var(--cms-surface-alt); border-radius:12px; }
.review-admin-reply strong { display:block; margin-bottom:4px; }

@media (max-width:900px) {
  .control-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .control-card-head { flex-direction:column; }
  .site-announcement .announcement-inner { flex-wrap:wrap; }
  .site-announcement .announcement-action { margin-left:auto; }
}
@media (max-width:560px) {
  .control-stats { grid-template-columns:1fr 1fr; gap:10px; }
  .control-card { padding:16px; }
  .control-toolbar { flex-direction:column; align-items:stretch; }
  .site-announcement[data-layout="image"] .announcement-inner { padding:20px 16px; }
  .site-announcement[data-layout="image"] .announcement-copy { width:100%; }
}
