/* site-style.css — ستايلات الموقع الإضافية (تغيّر ألوان المتغيرات فقط، دون المساس بالتصميم) */
html[data-style="olive"]:not(.dark):not(.sf-media){--ink:#232a1f;--paper:#f1f3e8;--gold:#6f8a3c;--gold-deep:#4a6224;--line:#c5cfa8;--white:#fbfcf6;--soft:#77806a;--panel:#f4f6ea;--bar:#6f8a3c;--track:#e2e7cf;}
html[data-style="olive"].dark{--ink:#eaf0dc;--paper:#131710;--gold:#9bb85c;--gold-deep:#b9d27a;--line:#36412b;--white:#1b2116;--soft:#98a387;--panel:#1f2619;--bar:#9bb85c;--track:#2a3322;}
html.sf-media[data-style="olive"]:not(.dark){--ink:#232a1f;--paper:#f1f3e8;--gold:#6f8a3c;--gold-deep:#4a6224;--line:#c5cfa8;--white:#fbfcf6;--soft:#77806a;--panel:#f4f6ea;--bar:#6f8a3c;--track:#e2e7cf;}
html[data-style="ocean"]:not(.dark):not(.sf-media){--ink:#1d2a35;--paper:#eef3f7;--gold:#3c7fa8;--gold-deep:#1f5a85;--line:#bfd3e2;--white:#fbfdff;--soft:#6b8196;--panel:#f2f7fb;--bar:#3c7fa8;--track:#dce8f1;}
html[data-style="ocean"].dark{--ink:#e6eef5;--paper:#0f161c;--gold:#6aa8d2;--gold-deep:#8cc3e8;--line:#2c3e4d;--white:#172029;--soft:#8fa5b8;--panel:#1b2631;--bar:#6aa8d2;--track:#25323e;}
html.sf-media[data-style="ocean"]:not(.dark){--ink:#1d2a35;--paper:#eef3f7;--gold:#3c7fa8;--gold-deep:#1f5a85;--line:#bfd3e2;--white:#fbfdff;--soft:#6b8196;--panel:#f2f7fb;--bar:#3c7fa8;--track:#dce8f1;}
html[data-style="burgundy"]:not(.dark):not(.sf-media){--ink:#2c1d21;--paper:#f7eef0;--gold:#a23a55;--gold-deep:#7a1f3a;--line:#dcb9c2;--white:#fffafb;--soft:#8b6f77;--panel:#faf1f3;--bar:#a23a55;--track:#ecd9de;}
html[data-style="burgundy"].dark{--ink:#f4e6ea;--paper:#1a1013;--gold:#d27a93;--gold-deep:#eaa0b5;--line:#4a2c35;--white:#25171b;--soft:#b08e98;--panel:#2b1a20;--bar:#d27a93;--track:#36222a;}
html.sf-media[data-style="burgundy"]:not(.dark){--ink:#2c1d21;--paper:#f7eef0;--gold:#a23a55;--gold-deep:#7a1f3a;--line:#dcb9c2;--white:#fffafb;--soft:#8b6f77;--panel:#faf1f3;--bar:#a23a55;--track:#ecd9de;}
html[data-style="rose"]:not(.dark):not(.sf-media){--ink:#33231f;--paper:#faf1ee;--gold:#c0705f;--gold-deep:#9a4a3b;--line:#e6cbc3;--white:#fffaf8;--soft:#967a72;--panel:#fcf4f1;--bar:#c0705f;--track:#f0dcd5;}
html[data-style="rose"].dark{--ink:#f6e8e3;--paper:#1d1311;--gold:#e0917f;--gold-deep:#f0b3a4;--line:#4d322c;--white:#281b18;--soft:#b79a92;--panel:#2f201c;--bar:#e0917f;--track:#3a2722;}
html.sf-media[data-style="rose"]:not(.dark){--ink:#33231f;--paper:#faf1ee;--gold:#c0705f;--gold-deep:#9a4a3b;--line:#e6cbc3;--white:#fffaf8;--soft:#967a72;--panel:#fcf4f1;--bar:#c0705f;--track:#f0dcd5;}
html[data-style="charcoal"]:not(.dark):not(.sf-media){--ink:#1c1f23;--paper:#eceef0;--gold:#4b5563;--gold-deep:#1f2937;--line:#cfd4da;--white:#fafbfc;--soft:#6b7480;--panel:#f1f3f5;--bar:#4b5563;--track:#dde1e6;}
html[data-style="charcoal"].dark{--ink:#eceff3;--paper:#0f1114;--gold:#9aa5b4;--gold-deep:#c3ccd8;--line:#2d333b;--white:#181b20;--soft:#8d97a5;--panel:#1d2127;--bar:#9aa5b4;--track:#272c33;}
html.sf-media[data-style="charcoal"]:not(.dark){--ink:#1c1f23;--paper:#eceef0;--gold:#4b5563;--gold-deep:#1f2937;--line:#cfd4da;--white:#fafbfc;--soft:#6b7480;--panel:#f1f3f5;--bar:#4b5563;--track:#dde1e6;}
html.sf-media[data-style="olive"].dark{--ink:#eaf0dc;--paper:#131710;--gold:#9bb85c;--gold-deep:#b9d27a;--line:#36412b;--white:#1b2116;--soft:#98a387;--panel:#1f2619;--bar:#9bb85c;--track:#2a3322;}
html.sf-media[data-style="ocean"].dark{--ink:#e6eef5;--paper:#0f161c;--gold:#6aa8d2;--gold-deep:#8cc3e8;--line:#2c3e4d;--white:#172029;--soft:#8fa5b8;--panel:#1b2631;--bar:#6aa8d2;--track:#25323e;}
html.sf-media[data-style="burgundy"].dark{--ink:#f4e6ea;--paper:#1a1013;--gold:#d27a93;--gold-deep:#eaa0b5;--line:#4a2c35;--white:#25171b;--soft:#b08e98;--panel:#2b1a20;--bar:#d27a93;--track:#36222a;}
html.sf-media[data-style="rose"].dark{--ink:#f6e8e3;--paper:#1d1311;--gold:#e0917f;--gold-deep:#f0b3a4;--line:#4d322c;--white:#281b18;--soft:#b79a92;--panel:#2f201c;--bar:#e0917f;--track:#3a2722;}
html.sf-media[data-style="charcoal"].dark{--ink:#eceff3;--paper:#0f1114;--gold:#9aa5b4;--gold-deep:#c3ccd8;--line:#2d333b;--white:#181b20;--soft:#8d97a5;--panel:#1d2127;--bar:#9aa5b4;--track:#272c33;}
html[data-style] .nav-links .back-link.detailed-link{color:#5b3f8c;background:var(--panel);border:1px solid #6b4ea0;font-weight:600;border-radius:999px;box-shadow:none;}
html[data-style].dark .nav-links .back-link.detailed-link{color:#cdb8f0;border-color:rgba(170,140,230,.5);}
html[data-style="burgundy"]:not(.dark),html[data-style="rose"]:not(.dark){--female:#d6338a;}
html[data-style="burgundy"].dark,html[data-style="rose"].dark{--female:#f08ab8;}
html[data-style="burgundy"]:not(.dark){--male:#7a1f3a;}
html[data-style="rose"]:not(.dark){--male:#8a3f52;}
html[data-style="burgundy"].dark{--male:#b5546f;}
html[data-style="rose"].dark{--male:#c47a8c;}

html[data-style="hammad"]:not(.dark):not(.sf-media){--ink:#2d1d1a;--paper:#f6eee6;--gold:#b88a4a;--gold-deep:#5a3a30;--line:#dcc7ac;--white:#fffaf3;--soft:#8a7566;--panel:#faf2e8;--bar:#b88a4a;--track:#eadcc8;--female:#c2417a;--male:#5a3a30;}
html[data-style="hammad"].dark{--ink:#f3e6d3;--paper:#1f1413;--gold:#d9b574;--gold-deep:#ecd29a;--line:#4a3430;--white:#2b1c1a;--soft:#b69f88;--panel:#33211f;--bar:#d9b574;--track:#3d2a27;--female:#e58ab4;--male:#c99a5c;}
html.sf-media[data-style="hammad"]:not(.dark){--ink:#2d1d1a;--paper:#f6eee6;--gold:#b88a4a;--gold-deep:#5a3a30;--line:#dcc7ac;--white:#fffaf3;--soft:#8a7566;--panel:#faf2e8;--bar:#b88a4a;--track:#eadcc8;}
html.sf-media[data-style="hammad"].dark{--ink:#f3e6d3;--paper:#1f1413;--gold:#d9b574;--gold-deep:#ecd29a;--line:#4a3430;--white:#2b1c1a;--soft:#b69f88;--panel:#33211f;--bar:#d9b574;--track:#3d2a27;}
html[data-style="hammad"]:not(.dark) .site-logo{box-shadow:0 4px 14px rgba(74,45,44,.35);}

/* ===== ستايل «بني ذهبي» — تصميم ملكي فاخر (إطارات وفواصل ذهبية على بني عودي) — لا يمسّ صناديق المشجرة ===== */
html[data-style="hammad"]{--royal-gold:#c9a45c;--royal-gold2:#e6c988;--oud:#4a2c20;--oud2:#2f1a12;}
html[data-style="hammad"]:not(.dark),html.sf-media[data-style="hammad"]:not(.dark){--paper:#fbf8f1;--white:#fffefb;--panel:#fdf9f0;--line:#e3d3b2;--gold:#b8914a;}
html[data-style="hammad"] body{
  background-color:var(--paper);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='%23b8914a' stroke-opacity='.14' stroke-width='1'%3E%3Cpath d='M36 6l6.5 15.5L58 15l-6.5 15.5L67 36l-15.5 6.5L58 58l-15.5-6.5L36 67l-6.5-15.5L14 58l6.5-15.5L5 36l15.5-6.5L14 14l15.5 6.5z'/%3E%3Ccircle cx='36' cy='36' r='5'/%3E%3C/g%3E%3C/svg%3E");
  background-attachment:fixed;
}
html[data-style="hammad"].dark body{background-image:none;}
/* العناوين */
html[data-style="hammad"] h1{font-family:'Amiri','Traditional Arabic','Noto Naskh Arabic',Georgia,serif;color:var(--oud);letter-spacing:.3px;}
html[data-style="hammad"].dark h1{color:var(--royal-gold2);}
html[data-style="hammad"] h1::after{content:"";display:block;width:250px;max-width:70%;height:16px;margin:10px auto 2px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='16' viewBox='0 0 250 16'%3E%3Cg stroke='%23c9a45c' stroke-width='1.3' fill='none'%3E%3Cpath d='M0 8h104M146 8h104'/%3E%3Cpath d='M125 1.5l6.5 6.5-6.5 6.5-6.5-6.5z' fill='%23c9a45c'/%3E%3Cpath d='M108 8l4-3.2M142 8l-4-3.2M108 8l4 3.2M142 8l-4 3.2'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;}
html[data-style="hammad"] h2,html[data-style="hammad"] h3,html[data-style="hammad"] .modal-title,html[data-style="hammad"] .sbox h2{color:var(--oud);}
html[data-style="hammad"].dark h2,html[data-style="hammad"].dark h3,html[data-style="hammad"].dark .modal-title,html[data-style="hammad"].dark .sbox h2{color:var(--royal-gold2);}
html[data-style="hammad"] h2{padding-bottom:7px;border-bottom:1px solid transparent;border-image:linear-gradient(90deg,transparent,var(--royal-gold),transparent) 1;}
/* الإطارات: إطار ذهبي مزدوج */
html[data-style="hammad"] .info-card,html[data-style="hammad"] .card,html[data-style="hammad"] .widget,html[data-style="hammad"] .banner,
html[data-style="hammad"] .section-card,html[data-style="hammad"] .upload-form,html[data-style="hammad"] .tile,html[data-style="hammad"] .vcard,
html[data-style="hammad"] .photo-card,html[data-style="hammad"] .pc,html[data-style="hammad"] .status-box,html[data-style="hammad"] .sbox,
html[data-style="hammad"] .player,html[data-style="hammad"] .cm-form,html[data-style="hammad"] .tbox,html[data-style="hammad"] .credits-box,
html[data-style="hammad"] .chart-scroll,html[data-style="hammad"] .modal-box,html[data-style="hammad"] .modal{
  background-color:var(--white);border:1.5px solid var(--royal-gold);border-radius:12px;
  box-shadow:inset 0 0 0 4px var(--white),inset 0 0 0 5px rgba(201,164,92,.55),0 8px 24px rgba(74,44,32,.10);
}
html[data-style="hammad"].dark .info-card,html[data-style="hammad"].dark .card,html[data-style="hammad"].dark .widget,html[data-style="hammad"].dark .banner,
html[data-style="hammad"].dark .section-card,html[data-style="hammad"].dark .upload-form,html[data-style="hammad"].dark .tile,html[data-style="hammad"].dark .vcard,
html[data-style="hammad"].dark .photo-card,html[data-style="hammad"].dark .pc,html[data-style="hammad"].dark .sbox,html[data-style="hammad"].dark .credits-box,
html[data-style="hammad"].dark .chart-scroll,html[data-style="hammad"].dark .modal-box,html[data-style="hammad"].dark .modal{
  box-shadow:inset 0 0 0 4px var(--white),inset 0 0 0 5px rgba(217,181,116,.45),0 8px 24px rgba(0,0,0,.35);
}
html[data-style="hammad"] .photo-card,html[data-style="hammad"] .vcard,html[data-style="hammad"] .pc{box-shadow:0 4px 14px rgba(74,44,32,.12);}
html[data-style="hammad"] .credits-box{background:var(--panel);}
/* الفواصل */
html[data-style="hammad"] hr{border:0;height:1px;background:linear-gradient(90deg,transparent,var(--royal-gold),transparent);margin:16px 0;}
html[data-style="hammad"] .modal-title{border-bottom:1.5px solid var(--royal-gold);}
html[data-style="hammad"] .info-row{border-bottom:1px dashed var(--royal-gold);}
html[data-style="hammad"] .search-result-item{border-bottom:1px solid var(--line);}
/* الأزرار: بني عودي بحافة ذهبية */
html[data-style="hammad"] .toolbar button,html[data-style="hammad"] .toolbar a,html[data-style="hammad"] .nav-links .back-link,
html[data-style="hammad"] .nav a,html[data-style="hammad"] .btn,html[data-style="hammad"] .cta-btn,html[data-style="hammad"] .upload-btn,
html[data-style="hammad"] .req-submit-btn,html[data-style="hammad"] button.go,html[data-style="hammad"] .addbtn{
  background:linear-gradient(180deg,#5d3a2a,var(--oud2));color:var(--royal-gold2);border:1.5px solid var(--royal-gold);border-radius:10px;
  box-shadow:0 2px 8px rgba(47,26,18,.25),inset 0 1px 0 rgba(230,201,136,.25);text-shadow:0 1px 1px rgba(0,0,0,.35);
}
html[data-style="hammad"] .toolbar button:hover,html[data-style="hammad"] .nav-links .back-link:hover,html[data-style="hammad"] .nav a:hover,html[data-style="hammad"] .btn:hover{filter:brightness(1.12);}
html[data-style="hammad"] .nav-links .back-link.detailed-link{background:linear-gradient(180deg,#fffefb,#f6ecee);color:#5b3f8c;border:1px solid var(--royal-gold);}
html[data-style="hammad"].dark .nav-links .back-link.detailed-link{background:rgba(170,140,230,.1);color:#cdb8f0;border:1px solid var(--royal-gold);}
html[data-style="hammad"] #editModeBtn.active,html[data-style="hammad"] .toolbar button.active{background:linear-gradient(180deg,var(--royal-gold2),var(--royal-gold));color:var(--oud2);text-shadow:none;}
/* الأزرار الدائرية العلوية */
html[data-style="hammad"] .theme-toggle,html[data-style="hammad"] .more-menu-btn,html[data-style="hammad"] .install-fab,html[data-style="hammad"] .sf-fab{
  background:linear-gradient(180deg,#5d3a2a,var(--oud2));color:var(--royal-gold2);border:1.5px solid var(--royal-gold);box-shadow:0 2px 8px rgba(47,26,18,.3);
}
html[data-style="hammad"] .more-menu-dropdown{border:1.5px solid var(--royal-gold);box-shadow:inset 0 0 0 3px var(--white),inset 0 0 0 4px rgba(201,164,92,.5),0 10px 26px rgba(47,26,18,.25);}
/* الحقول */
html[data-style="hammad"] #searchInput,html[data-style="hammad"] input,html[data-style="hammad"] textarea,html[data-style="hammad"] select{border:1.5px solid var(--royal-gold);background:var(--white);}
html[data-style="hammad"] #searchInput:focus,html[data-style="hammad"] input:focus,html[data-style="hammad"] textarea:focus,html[data-style="hammad"] select:focus{outline:none;box-shadow:0 0 0 3px rgba(201,164,92,.35);}
html[data-style="hammad"] .search-results{border:1.5px solid var(--royal-gold);box-shadow:0 10px 26px rgba(47,26,18,.2);}
/* رقائق الفلاتر */
html[data-style="hammad"] .chip,html[data-style="hammad"] .catbtn{border:1px solid var(--royal-gold);}
html[data-style="hammad"] .chip.active,html[data-style="hammad"] .chip.on,html[data-style="hammad"] .catbtn.active{background:linear-gradient(180deg,#5d3a2a,var(--oud2));color:var(--royal-gold2);border-color:var(--royal-gold);}
/* التذييل: حديث الصلة */
html[data-style="hammad"] .site-logo{border:2px solid var(--royal-gold);box-shadow:0 0 0 4px var(--white),0 0 0 5px var(--royal-gold),0 8px 20px rgba(47,26,18,.35)!important;}

html[data-style] .view-tabs{border-bottom-color:var(--gold);}
html[data-style] .vt-tab{background:var(--panel);color:var(--gold-deep);border-color:var(--line);}
html[data-style] .vt-tab.active{background:var(--paper);color:var(--ink);border-top-color:var(--gold-deep);border-color:var(--gold);}
html[data-style="hammad"] .view-tabs{border-bottom-color:var(--royal-gold);}
html[data-style="hammad"] .vt-tab.active{background:linear-gradient(180deg,#5d3a2a,var(--oud2));color:var(--royal-gold2);border-color:var(--royal-gold);border-top:3px solid var(--royal-gold);}

/* ===== تحسين وضوح الحواف والحقول والنصوص الثانوية في الوضع النهاري (كل الاستايلات) ===== */
html[data-style]:not(.dark) input:not([type=checkbox]):not([type=radio]):not([type=range]),
html[data-style]:not(.dark) textarea,
html[data-style]:not(.dark) select{border:1.5px solid color-mix(in srgb,var(--gold-deep) 55%,var(--paper)) !important;background:var(--white);color:var(--ink);}
html[data-style]:not(.dark) input:focus,html[data-style]:not(.dark) textarea:focus,html[data-style]:not(.dark) select:focus{border-color:var(--gold-deep) !important;outline:2px solid color-mix(in srgb,var(--gold) 35%,transparent);outline-offset:0;}
html[data-style]:not(.dark) ::placeholder{color:color-mix(in srgb,var(--ink) 52%,var(--paper));opacity:1;}
html[data-style]:not(.dark) .card,html[data-style]:not(.dark) .info-card,html[data-style]:not(.dark) .modal-box,html[data-style]:not(.dark) .widget{border:1.5px solid color-mix(in srgb,var(--gold) 70%,var(--paper));box-shadow:0 2px 10px rgba(0,0,0,.07);}
html[data-style]:not(.dark) .sub,html[data-style]:not(.dark) .hint,html[data-style]:not(.dark) .tbox,html[data-style]:not(.dark) .closed{color:color-mix(in srgb,var(--ink) 74%,var(--paper));}
html[data-style]:not(.dark) .steps span{border-color:color-mix(in srgb,var(--gold-deep) 50%,var(--paper));color:color-mix(in srgb,var(--ink) 78%,var(--paper));}
html[data-style]:not(.dark) .steps span.on{color:#fff;}
html[data-style]:not(.dark) label{color:var(--gold-deep);}
html[data-style]:not(.dark) button.go,html[data-style]:not(.dark) .btn.primary{color:#fff;}
html.sf-media:not(.dark):not([data-style]) input:not([type=checkbox]),html.sf-media:not(.dark):not([data-style]) textarea{border:1.5px solid #a8895a;}
html.sf-media:not(.dark):not([data-style]) .card{border:1.5px solid #bfa77a;box-shadow:0 2px 10px rgba(0,0,0,.07);}
html.sf-media:not(.dark):not([data-style]) .sub,html.sf-media:not(.dark):not([data-style]) .hint,html.sf-media:not(.dark):not([data-style]) .tbox{color:#5e5242;}
html.sf-media:not(.dark):not([data-style]) .steps span{border-color:#a8895a;color:#4f4435;}
html.sf-media:not(.dark):not([data-style]) ::placeholder{color:#7d6f5a;opacity:1;}
html.sf-media:not(.dark):not([data-style]) .steps span.on{color:#fff;border-color:var(--gold-deep);}
html.sf-media.dark .steps span.on,html.sf-media.dark button.go{color:#1a1208;}