/*
Theme Name: Bagsoo
Theme URI: https://bagsoo.com
Author: Bagsoo
Description: قالب متجر Bagsoo بنفس تصميم الموقع. المنتجات والأسعار والصور من WooCommerce، والطلب عبر واتساب.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
WC requires at least: 7.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bagsoo
*/

html, body { margin:0; padding:0; background:#FCF7F0; overflow-x:clip; }
  body { font-family:'IBM Plex Sans Arabic', system-ui, sans-serif; color:#23282E; line-height:1.75; -webkit-font-smoothing:antialiased; }
  * { box-sizing:border-box; }
  a { color:#1560C4; text-decoration:none; }
  a:hover { color:#F2760C; }
  button:focus-visible, a:focus-visible { outline:3px solid #1560C4; outline-offset:2px; }
  @keyframes bagsoo-marq { from { transform:translateX(0); } to { transform:translateX(-25%); } }
  @keyframes bagsoo-drawer { from { transform:translateX(102%); } to { transform:translateX(0); } }
  @keyframes bagsoo-fade { from { opacity:0; } to { opacity:1; } }
  [data-m="only"] { display:none !important; }
  @media (max-width:820px) {
          }
  @media (prefers-reduced-motion: reduce) { [data-marq] { animation:none !important; } }
  @media (max-width:820px) {
    [data-r="hdr"] { padding:9px 14px !important; }
    [data-r="hdr"] img { height:44px !important; }
    [data-m="only"] { display:flex !important; }
    [data-m="desk"] { display:none !important; }
    [data-fab] { width:54px !important; height:54px !important; }
  }
  @media (prefers-color-scheme: dark) {
    html, body { background:#101317 !important; color:#E8EDF2 !important; }
    [data-dk~="cream"] { background-color:#101317 !important; }
    [data-dk~="bg"] { background-color:#191E24 !important; }
    [data-dk~="sel"] { background-color:#2A1E12 !important; }
    [data-dk~="sel"] span[style*="rgb(156, 74, 0)"], [data-dk~="sel"] span[style*="#9C4A00"] { color:#FFB35C !important; }
    [data-dk~="bd"] { border-color:#2C333B !important; }
    [data-dk~="muted"] { color:#A7B3BF !important; }
    [data-dk~="warm"] { color:#FFB35C !important; }
    [data-dk~="peach"] { background-color:#2E2014 !important; }
    [data-dk~="sky"] { background-color:#13233A !important; }
    [data-dk~="blue"] { color:#7DB1F6 !important; }
    [data-dk~="ink"] { color:#E8EDF2 !important; }
    [data-r="hdr"] svg[stroke="#23282E"] { stroke:#E8EDF2; }
    header[data-dkh] { background:rgba(16,19,23,0.96) !important; border-bottom-color:#2C333B !important; }
    a { color:#7DB1F6; }
    a:hover { color:#FF9433; }
    img { filter:brightness(0.94); }
  }
  @media (max-width:820px) { [data-r="alt"] { order:-1 !important; } }

/* WordPress integration */
[hidden] { display:none !important; }
.admin-bar header[data-dkh][data-sticky] { top:32px !important; }
@media (max-width:782px) { .admin-bar header[data-dkh][data-sticky] { top:46px !important; } }
.bagsoo-desc p { margin:0 0 14px; }
.bagsoo-desc p:last-child { margin:0; }
.bagsoo-content p { margin:0 0 16px; }
.bagsoo-content img { max-width:100%; height:auto; }
.screen-reader-text { position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(1px,1px,1px,1px); }

/* hover states */
.bgh1:hover{background:#D96604 !important}
.bgh2:hover{background:#1EB855 !important}
.bgh3:hover{background:#D96604 !important}
.bgh4:hover{background:#23282E !important;color:#fff !important}
.bgh5:hover{border-color:#F2760C !important}
.bgh6:hover{border-color:#F2760C !important}
.bgh7:hover{border-color:#F2760C !important}
.bgh8:hover{background:#F6EEE3 !important}
.bgh9:hover{background:#D96604 !important}
.bgh10:hover{background:#FCF7F0 !important}
.bgh11:hover{background:#D96604 !important}
.bgh12:hover{border-color:#F2760C !important}
.bgh13:hover{border-color:#F2760C !important}
.bgh14:hover{background:#D96604 !important}

/* =========================================================
   Block pages (template «Bagsoo — تصميم كامل») + editor
   ========================================================= */
.bg-blocks { font-family:'IBM Plex Sans Arabic', system-ui, sans-serif; color:#23282E; line-height:1.75; }
.bg-blocks > * { margin-top:0; margin-bottom:0; }
.bg-blocks h1, .bg-blocks h2, .bg-blocks h3, .bg-blocks h4 { font-family:'Cairo', sans-serif; color:#23282E; margin:0 0 12px; line-height:1.3; }
.bg-blocks h1 { font-weight:900; font-size:clamp(28px,4.4vw,40px); line-height:1.25; margin-bottom:16px; text-wrap:balance; }
.bg-blocks h2 { font-weight:900; font-size:clamp(24px,3.6vw,36px); margin-bottom:10px; }
.bg-blocks h3 { font-weight:700; font-size:clamp(20px,2.6vw,28px); }
.bg-blocks p { margin:0 0 16px; font-size:16.5px; line-height:1.85; color:#5C6874; }
.bg-blocks ul, .bg-blocks ol { color:#5C6874; font-size:16px; line-height:2; margin:0 0 24px; padding-inline-start:22px; }
.bg-blocks a:not(.wp-block-button__link) { color:#1560C4; }
.bg-blocks .has-text-align-center { text-align:center; margin-inline:auto; }
.bg-blocks p.has-text-align-center { max-width:56ch; }
.bg-blocks img { max-width:100%; height:auto; }
.bg-blocks .wp-block-image { margin:0 0 24px; }
.bg-blocks .wp-block-image img { display:block; width:100%; }

/* sections (group styles) */
.bg-blocks .is-style-bg-section { max-width:1200px; margin:0 auto; padding:clamp(38px,5.5vw,76px) 20px; }
.bg-blocks .is-style-bg-narrow { max-width:860px; margin:0 auto; padding:clamp(34px,5vw,64px) 20px; }
.bg-blocks .is-style-bg-narrow h2 { font-weight:700; font-size:21px; margin-top:8px; }
.bg-blocks .is-style-bg-narrow p { font-size:16px; line-height:1.9; margin-bottom:20px; }
.bg-blocks .is-style-bg-band { background:#fff; border-top:1px solid #EDE5D9; border-bottom:1px solid #EDE5D9; padding:clamp(38px,5vw,64px) 20px; }
.bg-blocks .is-style-bg-band > * { max-width:1200px; margin-inline:auto; }
.bg-blocks .is-style-bg-band > p.has-text-align-center { max-width:52ch; }
.bg-blocks .is-style-bg-dark { background:#101317; padding:clamp(38px,5vw,64px) 20px; }
.bg-blocks .is-style-bg-dark > * { max-width:1100px; margin-inline:auto; }
.bg-blocks .is-style-bg-dark h1, .bg-blocks .is-style-bg-dark h2, .bg-blocks .is-style-bg-dark h3 { color:#fff; }
.bg-blocks .is-style-bg-dark p { color:#C6D3E2; }
.bg-blocks .is-style-bg-card { background:#fff; border:1px solid #EDE5D9; border-radius:18px; padding:20px 22px; margin:0 0 12px; }
.bg-blocks .is-style-bg-card h3, .bg-blocks .is-style-bg-card h4 { font-size:18px; font-weight:700; margin:0 0 6px; }
.bg-blocks .is-style-bg-card p { font-size:15.5px; line-height:1.8; margin:0; }
.bg-blocks .is-style-bg-card p + p { margin-top:6px; }
.bg-blocks .is-style-bg-chips, .bg-blocks .is-style-bg-chips > .wp-block-group__inner-container { display:flex; gap:8px; flex-wrap:wrap; justify-content:center; margin:18px 0 0; }
.bg-blocks .is-style-bg-chips > .wp-block-group__inner-container { margin:0; width:100%; }
.bg-blocks .is-style-bg-chips :is(.wp-block-group__inner-container > p, p) { background:#fff; border:1px solid #EDE5D9; color:#23282E; font-size:12.5px; font-weight:600; line-height:1.5; padding:8px 12px; border-radius:9px; margin:0; }

/* paragraph styles */
.bg-blocks p.is-style-bg-pill, .bg-blocks p.is-style-bg-tag { display:table; font-weight:600; font-size:13.5px; line-height:1.5; padding:7px 14px; border-radius:999px; margin:0 0 16px; }
.bg-blocks p.is-style-bg-pill { background:#E3EDFB; color:#0F4C9E; }
.bg-blocks p.is-style-bg-tag { background:#FDEBD6; color:#9C4A00; font-weight:700; font-size:13px; padding:6px 12px; }
.bg-blocks p.is-style-bg-pill.has-text-align-center, .bg-blocks p.is-style-bg-tag.has-text-align-center { margin-inline:auto; }
.bg-blocks p.is-style-bg-icon { width:46px; height:46px; border-radius:13px; background:#E3EDFB; color:#1560C4; display:flex; align-items:center; justify-content:center; font-family:'Cairo', sans-serif; font-weight:900; font-size:15px; margin:0; flex-shrink:0; }
.bg-blocks p.bg-icon-headset { font-size:0 !important; }
.bg-blocks p.bg-icon-headset::before { content:''; width:24px; height:24px; background:currentColor; --bg-hs:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14v-2a8 8 0 0 1 16 0v2'/%3E%3Cpath d='M4 14h2.2a1 1 0 0 1 1 1v3.5a1 1 0 0 1-1 1H5.6A1.6 1.6 0 0 1 4 17.9V14z'/%3E%3Cpath d='M20 14h-2.2a1 1 0 0 0-1 1v3.5a1 1 0 0 0 1 1h.6a1.6 1.6 0 0 0 1.6-1.6V14z'/%3E%3Cpath d='M18.5 19.6c0 1.1-1.6 1.9-3.5 1.9'/%3E%3C/svg%3E"); -webkit-mask:var(--bg-hs) center/contain no-repeat; mask:var(--bg-hs) center/contain no-repeat; }
.bg-blocks p.is-style-bg-lead { font-size:clamp(16px,2.2vw,19px); line-height:1.8; max-width:46ch; margin-bottom:26px; }
.bg-blocks p.is-style-bg-note { color:#9AA5B1; font-size:14px; margin-bottom:24px; }

/* buttons */
.bg-blocks .wp-block-buttons { display:flex; gap:12px; flex-wrap:wrap; margin:0 0 16px; }
.bg-blocks .wp-block-button .wp-block-button__link { display:flex; align-items:center; justify-content:center; gap:10px; text-align:center; font-family:'Cairo', sans-serif; font-weight:700; font-size:17px; line-height:1.4; padding:15px 30px; border-radius:12px; background:#F2760C; color:#fff; border:2px solid transparent; text-decoration:none; transition:background .15s, color .15s; }
.bg-blocks .wp-block-button .wp-block-button__link:hover { background:#D96604; color:#fff; }
.bg-blocks .wp-block-button.is-style-bg-orange .wp-block-button__link { font-weight:900; font-size:18px; box-shadow:0 12px 26px rgba(242,118,12,0.3); }
.bg-blocks .wp-block-button.is-style-bg-outline .wp-block-button__link, .bg-blocks .wp-block-button.is-style-outline .wp-block-button__link { background:transparent; color:#23282E; border-color:#23282E; font-family:'IBM Plex Sans Arabic', sans-serif; font-weight:600; font-size:16px; box-shadow:none; }
.bg-blocks .wp-block-button.is-style-bg-outline .wp-block-button__link:hover, .bg-blocks .wp-block-button.is-style-outline .wp-block-button__link:hover { background:#23282E; color:#fff; }
.bg-blocks a.wp-block-button__link[data-wa]::before { content:''; width:22px; height:22px; flex-shrink:0; background:currentColor; --bg-wa:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17.47 14.38c-.3-.15-1.76-.87-2.03-.97-.27-.1-.47-.15-.67.15-.2.3-.77.97-.94 1.16-.17.2-.35.22-.64.07-.3-.15-1.26-.46-2.39-1.47-.88-.79-1.48-1.76-1.65-2.06-.17-.3-.02-.46.13-.6.13-.14.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.37-.03-.52-.07-.15-.67-1.61-.92-2.2-.24-.58-.49-.5-.67-.51h-.57c-.2 0-.52.07-.79.37-.27.3-1.04 1.02-1.04 2.48s1.07 2.88 1.21 3.07c.15.2 2.1 3.2 5.08 4.49.71.31 1.26.49 1.7.63.71.23 1.36.2 1.87.12.57-.09 1.76-.72 2.01-1.41.25-.7.25-1.29.17-1.41-.07-.13-.27-.2-.57-.35M12.05 21.79h-.01a9.87 9.87 0 0 1-5.03-1.38l-.36-.21-3.74.98 1-3.65-.24-.37a9.86 9.86 0 0 1-1.51-5.26c0-5.45 4.44-9.88 9.89-9.88 2.64 0 5.12 1.03 6.99 2.9a9.82 9.82 0 0 1 2.89 6.99c0 5.45-4.44 9.88-9.88 9.88m8.41-18.3A11.82 11.82 0 0 0 12.05 0C5.5 0 .16 5.34.16 11.89c0 2.1.55 4.14 1.59 5.95L.06 24l6.3-1.65a11.88 11.88 0 0 0 5.69 1.45c6.55 0 11.89-5.34 11.89-11.89 0-3.18-1.24-6.17-3.48-8.41Z'/%3E%3C/svg%3E"); -webkit-mask:var(--bg-wa) center/contain no-repeat; mask:var(--bg-wa) center/contain no-repeat; }

/* images */
.bg-blocks .wp-block-image.is-style-bg-rounded img { border:1px solid #EDE5D9; border-radius:22px; background:#fff; }

/* columns */
.bg-blocks .wp-block-columns { display:flex; flex-wrap:wrap; gap:clamp(18px,3vw,32px); margin:0 0 16px; }
.bg-blocks .wp-block-column { flex:1 1 0; min-width:0; }
@media (max-width:781px) { .bg-blocks .wp-block-columns { flex-direction:column; } .bg-blocks .wp-block-column { flex-basis:100%; } }
@media (min-width:782px) { .bg-blocks .wp-block-columns.is-style-bg-flip { flex-direction:row-reverse; } }

/* details (FAQ) */
.bg-blocks details.is-style-bg-faq { border:1px solid #EDE5D9; border-radius:16px; margin:0 auto 10px; background:#FCF7F0; overflow:hidden; }
.bg-blocks details.is-style-bg-faq > summary { list-style:none; display:flex; align-items:center; gap:14px; padding:18px; cursor:pointer; font-family:'Cairo', sans-serif; font-weight:700; font-size:clamp(15.5px,2.2vw,18px); color:#23282E; }
.bg-blocks details.is-style-bg-faq > summary::-webkit-details-marker { display:none; }
.bg-blocks details.is-style-bg-faq > summary::after { content:'+'; margin-inline-start:auto; width:30px; height:30px; border-radius:9px; background:#E3EDFB; color:#1560C4; display:flex; align-items:center; justify-content:center; font-size:19px; flex-shrink:0; }
.bg-blocks details.is-style-bg-faq[open] > summary::after { content:'\2212'; }
.bg-blocks details.is-style-bg-faq > summary:hover { background:#F6EEE3; }
.bg-blocks details.is-style-bg-faq > :not(summary) { padding:0 18px; margin:0 0 20px; font-size:15.5px; line-height:1.9; }

/* table */
.bg-blocks .wp-block-table { margin:0 0 26px; overflow-x:auto; }
.bg-blocks .wp-block-table table { width:100%; border-collapse:separate; border-spacing:0; }
.bg-blocks .wp-block-table.is-style-bg-rows table { background:#fff; border:1px solid #EDE5D9; border-radius:18px; overflow:hidden; }
.bg-blocks .wp-block-table.is-style-bg-rows td, .bg-blocks .wp-block-table.is-style-bg-rows th { border:0; border-bottom:1px solid #F3EADD; padding:14px 17px; font-size:15px; text-align:right; vertical-align:top; }
.bg-blocks .wp-block-table.is-style-bg-rows tr:last-child td { border-bottom:0; }
.bg-blocks .wp-block-table.is-style-bg-rows td:first-child { color:#7A8794; }
.bg-blocks .wp-block-table.is-style-bg-rows td:last-child { font-weight:600; text-align:left; }
.bg-blocks .wp-block-table.is-style-bg-rows th { font-weight:700; }
.bg-blocks .wp-block-table.is-style-bg-rows th:last-child { text-align:left; }

/* ---------- home page building blocks ---------- */
.bg-blocks .bg-hero { max-width:780px; padding-top:clamp(24px,4.5vw,52px); padding-bottom:clamp(30px,4vw,54px); }
.bg-blocks .bg-hero h1 { font-size:clamp(33px,5.6vw,58px); line-height:1.13; }
.bg-blocks .bg-hero-media { position:relative; margin:0 0 26px; }
.bg-blocks .bg-hero-media .wp-block-image { margin:0; }
.bg-blocks .bg-hero-media .wp-block-image img { border-radius:26px; box-shadow:0 20px 48px rgba(35,40,46,0.07); }
.bg-blocks .bg-hero-badge { position:absolute; bottom:18px; inset-inline-start:18px; background:#101E31; border-radius:15px; padding:13px 17px; box-shadow:0 14px 30px rgba(35,40,46,0.16); }
.bg-blocks .bg-hero-badge p { margin:0; font-size:13px; line-height:1.5; color:#C6D3E2; }
.bg-blocks .bg-hero-badge p:first-child { font-family:'Cairo', sans-serif; font-weight:900; font-size:22px; line-height:1; color:#FFB56B; margin-bottom:3px; }
.bg-blocks .bg-hero-ctas { max-width:480px; margin:0 auto; flex-wrap:nowrap; }
.bg-blocks .bg-hero-ctas .wp-block-button { flex:1 1 0; }
.bg-blocks .bg-hero-ctas .wp-block-button__link { width:100%; height:100%; padding:16px 12px; }
.bg-blocks .bg-trust-band { padding-top:22px; padding-bottom:22px; }
.bg-blocks .bg-trust { margin:0 auto; }
.bg-blocks .bg-trust .wp-block-column { display:grid; grid-template-columns:46px 1fr; column-gap:13px; align-items:center; align-content:center; }
.bg-blocks .bg-trust .wp-block-column > .is-style-bg-icon { grid-row:span 2; }
.bg-blocks .bg-trust .wp-block-column > p:not(.is-style-bg-icon) { margin:0; font-size:14px; line-height:1.6; color:#7A8794; }
.bg-blocks .bg-trust .wp-block-column > p:nth-child(2) { font-weight:600; font-size:15.5px; color:#23282E; }
.bg-blocks .bg-features { padding-bottom:0; }
.bg-blocks .bg-feature { gap:clamp(20px,4vw,52px); align-items:center !important; padding:clamp(28px,4vw,48px) 0; margin:0; border-bottom:1px solid #EDE5D9; }
.bg-blocks .bg-feature:last-child { border-bottom:0; }
.bg-blocks .bg-feature .wp-block-image { margin:0; }
.bg-blocks .bg-feature p:not(.is-style-bg-tag) { max-width:44ch; margin:0; }
.bg-blocks .bg-faq-wrap > * { max-width:860px; }
.bg-blocks .bg-faq-wrap h2 { margin-bottom:22px; }
.bg-blocks .bg-contact { max-width:1080px; }

/* dark mode (same palette as the rest of the theme) */
@media (prefers-color-scheme: dark) {
  .bg-blocks, .bg-blocks h1, .bg-blocks h2, .bg-blocks h3, .bg-blocks h4 { color:#E8EDF2; }
  .bg-blocks p, .bg-blocks li { color:#A7B3BF; }
  .bg-blocks .is-style-bg-band, .bg-blocks .is-style-bg-card, .bg-blocks .is-style-bg-chips p, .bg-blocks .wp-block-table.is-style-bg-rows table { background-color:#191E24; border-color:#2C333B; }
  .bg-blocks .is-style-bg-chips p, .bg-blocks .bg-trust .wp-block-column > p:nth-child(2), .bg-blocks details.is-style-bg-faq > summary { color:#E8EDF2; }
  .bg-blocks details.is-style-bg-faq { background:#101317; border-color:#2C333B; }
  .bg-blocks details.is-style-bg-faq > summary:hover { background:#191E24; }
  .bg-blocks p.is-style-bg-pill, .bg-blocks p.is-style-bg-icon, .bg-blocks details.is-style-bg-faq > summary::after { background:#13233A; color:#7DB1F6; }
  .bg-blocks p.is-style-bg-tag { background:#2E2014; color:#FFB35C; }
  .bg-blocks .wp-block-table.is-style-bg-rows td, .bg-blocks .wp-block-table.is-style-bg-rows th, .bg-blocks .bg-feature { border-color:#2C333B; }
  .bg-blocks .wp-block-button.is-style-bg-outline .wp-block-button__link { color:#E8EDF2; border-color:#E8EDF2; }
  .bg-blocks a:not(.wp-block-button__link) { color:#7DB1F6; }
}

/* =========================================================
   Shop pages: cart / checkout / thank you / my account
   ========================================================= */
.bg-cart-count { position:absolute; top:-6px; left:-6px; min-width:20px; height:20px; padding:0 5px; border-radius:999px; background:#F2760C; color:#fff; font-size:12px; font-weight:700; line-height:20px; text-align:center; }
.bg-shop h1 { font-family:'Cairo',sans-serif; font-weight:900; }
.bg-shop .bagsoo-content { color:#23282E !important; }
.bg-shop .woocommerce { direction:rtl; }
.woocommerce .button, .woocommerce button.button, .woocommerce a.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce-page .button {
  background:#F2760C !important; color:#fff !important; border:0 !important; border-radius:12px !important;
  font-family:'Cairo',sans-serif !important; font-weight:700 !important; padding:13px 22px !important; line-height:1.4 !important;
}
.woocommerce .button:hover, .woocommerce button.button:hover, .woocommerce a.button:hover { background:#D96604 !important; }
.woocommerce a.checkout-button, .woocommerce #place_order { width:100%; font-size:19px !important; font-weight:900 !important; padding:17px 22px !important; box-shadow:0 12px 26px rgba(242,118,12,0.3); }
.woocommerce form .form-row label { font-weight:600; font-size:14px; margin-bottom:6px; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select, .woocommerce .quantity .qty {
  border:1px solid #EDE5D9 !important; border-radius:11px !important; padding:12px 14px !important; background:#fff !important; font-size:16px !important; font-family:inherit;
}
.woocommerce form .form-row textarea { min-height:90px; }
.woocommerce table.shop_table { border:1px solid #EDE5D9 !important; border-radius:16px !important; background:#fff; border-collapse:separate !important; overflow:hidden; }
.woocommerce table.shop_table th, .woocommerce table.shop_table td { border-color:#F3EADD !important; padding:14px !important; text-align:right; }
.woocommerce table.shop_table td.product-thumbnail img { width:72px; border-radius:10px; }
.woocommerce .cart-collaterals .cart_totals { width:100% !important; float:none !important; }
.woocommerce-checkout #customer_details .col-1, .woocommerce-checkout #customer_details .col-2 { width:100%; float:none; }
.woocommerce-checkout #order_review_heading { font-family:'Cairo',sans-serif; font-weight:900; margin-top:26px; }
.woocommerce-checkout #payment { background:#fff !important; border:1px solid #EDE5D9; border-radius:16px; }
.woocommerce-checkout #payment ul.payment_methods { border-color:#F3EADD !important; }
.woocommerce-checkout #payment div.payment_box { background:#FCF7F0 !important; border-radius:10px; color:#5C6874; }
.woocommerce-checkout #payment div.payment_box::before { display:none; }
.bg-hidden-field, #billing_country_field, .woocommerce-shipping-fields { display:none !important; }
.bg-no-pay { background:#E3EDFB; color:#0F4C9E; border-radius:12px; padding:12px 14px; margin:0 0 14px; font-size:15px; line-height:1.7; }
.woocommerce-thankyou-order-received { background:#fff; border:1px solid #EDE5D9; border-radius:20px; padding:26px 22px; text-align:center; margin-bottom:22px; }
.bg-thanks-title { display:block; font-family:'Cairo',sans-serif; font-weight:900; font-size:clamp(26px,4vw,36px); color:#23282E; margin-bottom:8px; }
.bg-thanks-text { display:block; font-size:16.5px; color:#5C6874; line-height:1.85; max-width:52ch; margin:0 auto; }
.bg-pay-note { background:#FDEBD6; color:#9C4A00; border-radius:12px; padding:12px 14px; }
.woocommerce ul.order_details { display:flex; flex-wrap:wrap; gap:10px; padding:0; }
.woocommerce ul.order_details li { border:1px solid #EDE5D9 !important; border-radius:12px; padding:10px 14px !important; margin:0 !important; background:#fff; }
.bg-steps { display:flex; list-style:none; padding:0; margin:0 0 18px; gap:6px; }
.bg-steps li { flex:1; text-align:center; font-size:13.5px; color:#9AA5B1; }
.bg-steps li span { display:flex; margin:0 auto 6px; width:34px; height:34px; border-radius:50%; background:#EDE5D9; color:#7A8794; align-items:center; justify-content:center; font-weight:700; }
.bg-steps li.done { color:#23282E; font-weight:600; }
.bg-steps li.done span { background:#1560C4; color:#fff; }
.bg-steps li.now span { background:#F2760C; color:#fff; }
.bg-steps-cancel { background:#fdecea; color:#B3261E; padding:12px; border-radius:12px; margin-bottom:14px; }
.woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content { float:none !important; width:100% !important; }
.woocommerce-MyAccount-navigation ul { list-style:none; padding:0; margin:0 0 22px; display:flex; flex-wrap:wrap; gap:8px; }
.woocommerce-MyAccount-navigation li a { display:block; padding:9px 14px; border:1px solid #EDE5D9; border-radius:10px; background:#fff; color:#23282E !important; }
.woocommerce-MyAccount-navigation li.is-active a { background:#23282E; color:#fff !important; border-color:#23282E; }
.woocommerce-account .u-columns { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); gap:22px; }
.woocommerce-account .u-columns .col-1, .woocommerce-account .u-columns .col-2 { width:100% !important; float:none !important; background:#fff; border:1px solid #EDE5D9; border-radius:18px; padding:20px; }
.woocommerce form.login, .woocommerce form.register { border:0 !important; padding:0 !important; margin:0 !important; }
.woocommerce-message, .woocommerce-info, .woocommerce-error { border-radius:12px; border-top-color:#F2760C !important; }
.woocommerce-message::before, .woocommerce-info::before { color:#F2760C !important; }

/* =========================================================
   My account (Bagsoo)
   ========================================================= */
.woocommerce-account .bg-shop h1 { margin-bottom:18px; }
.woocommerce-MyAccount-navigation ul { gap:6px !important; border-bottom:1px solid #EDE5D9; padding-bottom:14px !important; }
.woocommerce-MyAccount-navigation li a { border-radius:999px !important; padding:8px 16px !important; font-weight:600; font-size:14.5px; }
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout { margin-inline-start:auto; }
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout a { border-color:transparent; color:#B3261E !important; background:transparent; }
.bg-acc-hello h2 { font-family:'Cairo',sans-serif; font-weight:900; font-size:clamp(22px,3vw,28px); margin:0 0 4px; }
.bg-acc-hello p { color:#7A8794; margin:0 0 18px; }
.bg-acc-card { background:#fff; border:1px solid #EDE5D9; border-radius:18px; padding:18px; margin:0 0 14px; box-shadow:0 6px 18px rgba(35,40,46,0.04); }
.bg-acc-card-head { display:flex; justify-content:space-between; align-items:flex-start; gap:10px; margin-bottom:14px; }
.bg-acc-card-head strong { display:block; font-family:'Cairo',sans-serif; font-size:17px; }
.bg-acc-card-head small { color:#9AA5B1; font-size:13px; }
.bg-acc-card-foot { display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; border-top:1px solid #F3EADD; padding-top:14px; margin-top:6px; }
.bg-acc-card-foot .button { padding:10px 18px !important; font-size:14.5px !important; }
.bg-pill-status { display:inline-block; padding:5px 12px; border-radius:999px; font-size:13px; font-weight:700; white-space:nowrap; }
.bg-acc-items { display:flex; flex-direction:column; gap:10px; margin-bottom:6px; }
.bg-acc-item { display:flex; gap:12px; align-items:center; }
.bg-acc-item img { width:64px; height:64px; object-fit:cover; border-radius:12px; border:1px solid #EDE5D9; }
.bg-acc-item-name { font-weight:600; font-size:15px; }
.bg-acc-item small { color:#7A8794; }
.bg-acc-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr)); gap:12px; margin-top:6px; }
.bg-acc-tile { display:flex; flex-direction:column; gap:4px; background:#fff; border:1px solid #EDE5D9; border-radius:16px; padding:16px; color:#23282E !important; transition:border-color .15s, transform .15s; }
.bg-acc-tile:hover { border-color:#F2760C; transform:translateY(-1px); }
.bg-acc-tile span { font-size:24px; }
.bg-acc-tile strong { font-family:'Cairo',sans-serif; font-size:16px; }
.bg-acc-tile small { color:#7A8794; }
.bg-acc-empty { text-align:center; background:#fff; border:1px dashed #EDE5D9; border-radius:18px; padding:30px 16px; }
.bg-acc-empty span { font-size:34px; }
.bg-acc-pages { display:flex; gap:10px; justify-content:center; margin-top:10px; }
.woocommerce-account .woocommerce-Addresses { display:block; }
.woocommerce-account .woocommerce-Address { width:100% !important; float:none !important; background:#fff; border:1px solid #EDE5D9; border-radius:16px; padding:16px; }
.woocommerce-account .woocommerce-Address-title { display:flex; justify-content:space-between; align-items:center; }
.woocommerce-account .woocommerce-Address-title h2 { font-size:17px; margin:0; }
.woocommerce-account .woocommerce-Address address { font-style:normal; line-height:1.9; color:#5C6874; }
.woocommerce-account #account_display_name_field, .woocommerce-account #account_display_name_description { display:none !important; }
.woocommerce-account .woocommerce-EditAccountForm fieldset { border:1px solid #EDE5D9; border-radius:16px; padding:14px 16px; margin:18px 0; }
.woocommerce-account .woocommerce-EditAccountForm legend { font-weight:700; padding:0 6px; }
.woocommerce-account .woocommerce-MyAccount-content > p:first-child:not(.woocommerce-info) { color:#7A8794; }
.woocommerce-order-details .woocommerce-table--order-details td, .woocommerce-order-details .woocommerce-table--order-details th { padding:12px 14px !important; }
.woocommerce-customer-details address { border:1px solid #EDE5D9 !important; border-radius:14px !important; padding:14px !important; background:#fff; }
/* payment choice: hidden while only one method exists, cards when there are two or more */
#payment ul.payment_methods:has(> li:only-child) { display:none !important; }
#payment ul.payment_methods { list-style:none; margin:0 0 14px !important; padding:0 !important; border:0 !important; display:grid; gap:10px; }
#payment ul.payment_methods li { list-style:none; margin:0 !important; border:1.5px solid #EDE5D9; border-radius:14px; padding:12px 14px !important; background:#fff; }
#payment ul.payment_methods li:has(> input:checked) { border-color:#F2760C; background:#FFF8F0; }
#payment ul.payment_methods li > label { font-weight:700; font-size:15px; cursor:pointer; display:inline; }
#payment ul.payment_methods li > label img { max-height:24px; width:auto; margin-inline-start:6px; vertical-align:middle; }
#payment ul.payment_methods li input[type=radio] { accent-color:#F2760C; margin-inline-end:8px; }
#payment div.payment_box { background:transparent !important; padding:6px 0 0 !important; margin:0 !important; font-size:13.5px; color:#5C6874; }
#payment div.payment_box::before { display:none !important; }
.woocommerce-checkout #payment { border:0 !important; background:transparent !important; }

/* =========================================================
   Order page (one page: items → details → button) + account nav
   ========================================================= */
.woocommerce-checkout .bg-shop { max-width:760px !important; }
.bg-checkout .bg-co-box { background:#fff; border:1px solid #EDE5D9; border-radius:20px; padding:20px; margin:0 0 16px; box-shadow:0 6px 18px rgba(35,40,46,0.04); }
.bg-co-title { display:flex; align-items:center; gap:10px; font-family:'Cairo',sans-serif !important; font-weight:900 !important; font-size:20px !important; margin:0 0 16px !important; color:#23282E; }
.bg-co-title span { width:30px; height:30px; border-radius:50%; background:#F2760C; color:#fff; display:flex; align-items:center; justify-content:center; font-size:15px; flex-shrink:0; }
.bg-checkout .woocommerce-billing-fields > h3, .bg-checkout .woocommerce-additional-fields > h3 { display:none; }
.bg-checkout .woocommerce-billing-fields__field-wrapper { display:grid; grid-template-columns:1fr 1fr; gap:0 14px; }
.bg-checkout .woocommerce-billing-fields__field-wrapper .form-row { width:100% !important; float:none !important; margin:0 0 12px !important; padding:0 !important; }
.bg-checkout .woocommerce-billing-fields__field-wrapper .form-row-wide { grid-column:1 / -1; }
@media (max-width:600px) { .bg-checkout .woocommerce-billing-fields__field-wrapper { grid-template-columns:1fr; } }
.bg-checkout .woocommerce-additional-fields { margin-top:4px; }
.bg-checkout .woocommerce-additional-fields textarea { min-height:70px !important; }
/* items */
.bg-review { border:0 !important; background:transparent !important; border-radius:0 !important; }
.bg-rv-item { display:grid; grid-template-columns:88px 1fr auto; gap:14px; align-items:center; padding:12px 0; border-bottom:1px solid #F3EADD; }
.bg-rv-item:first-child { padding-top:0; }
.bg-rv-img img { width:88px; height:88px; object-fit:cover; border-radius:14px; border:1px solid #EDE5D9; display:block; }
.bg-rv-name { font-weight:700; font-size:15.5px; line-height:1.5; }
.bg-rv-meta, .bg-rv-meta p { color:#7A8794; font-size:14px; margin:2px 0 0 !important; }
.bg-rv-meta dl { margin:0; } .bg-rv-meta dt, .bg-rv-meta dd { display:inline; margin:0; } .bg-rv-meta dd p { display:inline; }
.bg-rv-qty { display:inline-flex; align-items:center; gap:4px; margin-top:8px; background:#FCF7F0; border:1px solid #EDE5D9; border-radius:999px; padding:3px; }
.bg-rv-qty button { width:30px; height:30px; border-radius:50%; border:0; background:#fff; color:#23282E; font-size:18px; line-height:1; cursor:pointer; box-shadow:0 1px 3px rgba(0,0,0,0.08); }
.bg-rv-qty button:hover { background:#F2760C; color:#fff; }
.bg-rv-n { min-width:26px; text-align:center; font-weight:700; }
.bg-rv-remove { margin:0 8px; font-size:13px; color:#9AA5B1 !important; }
.bg-rv-remove:hover { color:#B3261E !important; }
.bg-rv-price { font-weight:800; white-space:nowrap; }
.bg-rv-totals { padding-top:12px; }
.bg-rv-row { display:flex; justify-content:space-between; padding:6px 0; color:#5C6874; font-size:15px; }
.bg-rv-fee span:last-child { color:#1E6B3A; font-weight:700; }
.bg-free { color:#1E6B3A; }
.bg-rv-total { border-top:1px solid #F3EADD; margin-top:6px; padding-top:12px; color:#23282E; font-size:18px; font-weight:900; font-family:'Cairo',sans-serif; }
.bg-rv-total small { display:none; }
@media (max-width:520px) { .bg-rv-item { grid-template-columns:72px 1fr; } .bg-rv-img img { width:72px; height:72px; } .bg-rv-price { grid-column:2; } }
/* button only — no extra text */
.bg-checkout #payment { padding:0 !important; }
.bg-checkout #payment .form-row.place-order { padding:0 !important; margin:0 !important; }
.bg-checkout .woocommerce-terms-and-conditions-wrapper:empty { display:none; }
.bg-checkout #place_order { margin-top:4px; }

/* account: sidebar menu (desktop) / tabs (mobile) */
.woocommerce-account .woocommerce .woocommerce-notices-wrapper { grid-column:1 / -1; }
@media (min-width:782px) {
	.woocommerce-account .bg-shop .woocommerce:has(> .woocommerce-MyAccount-navigation) { display:grid; grid-template-columns:240px 1fr; gap:24px; align-items:start; }
	.woocommerce-account .bg-shop .woocommerce:has(> .woocommerce-MyAccount-navigation)::before, .woocommerce-account .bg-shop .woocommerce:has(> .woocommerce-MyAccount-navigation)::after { content:none; display:none; }
}
.woocommerce-MyAccount-navigation { background:#fff; border:1px solid #EDE5D9; border-radius:18px; padding:8px; }
.woocommerce-MyAccount-navigation ul { display:flex !important; flex-direction:column; gap:2px !important; border:0 !important; padding:0 !important; margin:0 !important; }
.woocommerce-MyAccount-navigation li { margin:0 !important; }
.woocommerce-MyAccount-navigation li a { display:flex !important; align-items:center; gap:10px; padding:11px 12px !important; border:0 !important; border-radius:12px !important; background:transparent !important; color:#23282E !important; font-weight:600; font-size:15px !important; }
.woocommerce-MyAccount-navigation li a:hover { background:#FCF7F0 !important; }
.woocommerce-MyAccount-navigation li.is-active a { background:#FDEBD6 !important; color:#9C4A00 !important; font-weight:800; }
.woocommerce-MyAccount-navigation li a::before { width:22px; text-align:center; font-size:17px; }
.woocommerce-MyAccount-navigation-link--dashboard a::before { content:'🏠'; }
.woocommerce-MyAccount-navigation-link--orders a::before { content:'📦'; }
.woocommerce-MyAccount-navigation-link--edit-address a::before { content:'📍'; }
.woocommerce-MyAccount-navigation-link--edit-account a::before { content:'👤'; }
.woocommerce-MyAccount-navigation-link--customer-logout { margin-inline-start:0 !important; border-top:1px solid #F3EADD; margin-top:4px !important; padding-top:4px; }
.woocommerce-MyAccount-navigation-link--customer-logout a { color:#B3261E !important; }
.woocommerce-MyAccount-navigation-link--customer-logout a::before { content:'↩'; }
@media (max-width:781px) {
	.woocommerce-MyAccount-navigation { margin-bottom:16px; padding:6px; }
	.woocommerce-MyAccount-navigation ul { flex-direction:row; overflow-x:auto; scrollbar-width:none; }
	.woocommerce-MyAccount-navigation li a { white-space:nowrap; padding:9px 12px !important; font-size:14px !important; }
	.woocommerce-MyAccount-navigation-link--customer-logout { border-top:0; margin-top:0 !important; padding-top:0; }
}

/* sections: temporarily hidden + centred buttons in dark banner */
.bg-blocks .is-style-bg-hidden { display:none !important; }
.bg-blocks .is-style-bg-dark .wp-block-buttons { justify-content:center; }

/* product page: a colour for each bag (2 / 3 bags) */
.bg-multi { background:#FCF7F0; border:1px solid #EDE5D9; border-radius:14px; padding:12px 14px; margin:0 0 12px; }
.bg-multi-title { font-weight:700; font-size:15px; margin-bottom:6px; }
.bg-multi-row { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:8px 0; border-top:1px solid #F3EADD; }
.bg-multi-row:nth-child(2) { border-top:0; }
.bg-multi-row span { font-weight:600; font-size:14.5px; }
.bg-multi-row span em { font-style:normal; font-weight:400; color:#7A8794; margin-inline-start:6px; }
.bg-multi-row div { display:flex; gap:8px; }
.bg-multi-row button { width:46px; height:46px; border-radius:12px; border:2.5px solid #EDE5D9; background:#fff center/cover no-repeat; cursor:pointer; padding:0; }
.bg-multi-row button.on { border-color:#F2760C; box-shadow:0 0 0 2px rgba(242,118,12,.15); }

/* language switcher (header: small menu · footer / mobile menu: row) */
.bg-lang { position:relative; }
.bg-lang > summary { list-style:none; display:flex; width:46px; height:46px; align-items:center; justify-content:center; background:#fff; border:1px solid #EDE5D9; border-radius:13px; cursor:pointer; font-weight:700; font-size:14px; color:#23282E; user-select:none; }
.bg-lang > summary::-webkit-details-marker { display:none; }
.bg-lang[open] > summary { border-color:#F2760C; }
.bg-lang-menu { position:absolute; top:calc(100% + 6px); inset-inline-end:0; z-index:60; min-width:140px; background:#fff; border:1px solid #EDE5D9; border-radius:14px; box-shadow:0 10px 30px rgba(35,40,46,.12); padding:6px; display:flex; flex-direction:column; }
.bg-lang-menu a { padding:9px 12px; border-radius:10px; font-size:15px; color:#23282E; text-decoration:none; }
.bg-lang-menu a:hover, .bg-lang-menu a.on { background:#FCF7F0; color:#F2760C; font-weight:700; }
.bg-lang-row { display:flex; gap:6px; justify-content:center; flex-wrap:wrap; margin-top:8px; }
.bg-lang-row a { padding:6px 12px; border-radius:999px; font-size:13.5px; border:1px solid rgba(127,127,127,.35); color:inherit; text-decoration:none; }
.bg-lang-row a.on { background:#F2760C; border-color:#F2760C; color:#fff; font-weight:700; }
[data-bg-drawer] .bg-lang-row { justify-content:flex-start; margin-top:14px; }
[data-bg-drawer] .bg-lang-row a { color:#23282E; }
@media (max-width:820px) { .bg-lang > summary { width:42px; height:42px; font-size:13px; } }

/* cookie notice */
.bg-cookie { position:fixed; inset-inline:12px; bottom:12px; z-index:80; max-width:560px; margin-inline:auto; background:#23282E; color:#fff; border-radius:16px; padding:12px 14px; display:flex; gap:12px; align-items:center; box-shadow:0 10px 30px rgba(0,0,0,.25); font-size:13.5px; line-height:1.6; }
.bg-cookie[hidden] { display:none; }
.bg-cookie p { margin:0; flex:1; }
.bg-cookie a { color:#FFC27A; text-decoration:underline; }
.bg-cookie button { flex-shrink:0; background:#F2760C; color:#fff; border:0; border-radius:10px; padding:9px 16px; font-weight:700; cursor:pointer; font-family:inherit; }
@media (max-width:820px) { .bg-cookie { bottom:84px; } }

/* checkout: agree to terms */
.woocommerce-terms-and-conditions-wrapper { margin:4px 0 14px; }
.woocommerce-terms-and-conditions-wrapper .woocommerce-form__label-for-checkbox { display:flex !important; gap:10px; align-items:flex-start; font-size:14px; line-height:1.7; color:#5C6874; cursor:pointer; }
.woocommerce-terms-and-conditions-wrapper input[type=checkbox] { width:20px; height:20px; margin-top:3px; accent-color:#F2760C; flex-shrink:0; }
.woocommerce-terms-and-conditions-wrapper a { color:#F2760C; text-decoration:underline; }
.woocommerce-terms-and-conditions-wrapper .required { display:none; }

/* language switcher — styles (Bagsoo ← إعدادات اللغات) */
.bg-lang > summary { gap:6px; }
.bg-lang--globe > summary, .bg-lang--name > summary { width:auto; min-width:46px; padding:0 12px; }
.bg-lang--name > summary { border-radius:999px; font-weight:600; }
.bg-lang--flag > summary .bg-lang-fl { font-size:22px; line-height:1; }
.bg-lang-ic { width:22px; height:22px; object-fit:cover; border-radius:50%; display:block; }
.bg-lang-fl { font-size:18px; line-height:1; }
.bg-lang-chev { opacity:.6; }
.bg-lang-menu a { display:flex; align-items:center; gap:8px; }
.bg-lang-at-header.bg-lang .bg-lang-menu { inset-inline-end:0; }
[data-r="hdr"] > div:first-child .bg-lang .bg-lang-menu { inset-inline-end:auto; inset-inline-start:0; }
[data-r="hdr"] > div:first-child .bg-lang { margin-inline-end:8px; }
.bg-lang-row a { display:inline-flex; align-items:center; gap:6px; }
.bg-lang-row--flags a { padding:5px; border-radius:50%; width:38px; height:38px; justify-content:center; }
.bg-lang-row--flags .bg-lang-fl { font-size:20px; }
.bg-lang-row--flags a.on { background:transparent; box-shadow:0 0 0 2px #F2760C; color:inherit; }
.bg-lang-row--names { gap:0; }
.bg-lang-row--names a { border:0; border-radius:0; padding:2px 10px; }
.bg-lang-row--names a + a { border-inline-start:1px solid rgba(127,127,127,.4); }
.bg-lang-row--names a, .bg-lang-row--names a.on { background:transparent !important; }
.bg-lang-row--names a.on { color:#F2760C !important; font-weight:700; }
.bg-lang-at-header.bg-lang-row { margin-top:0; flex-wrap:nowrap; }
.bg-lang-at-header.bg-lang-row a { color:#23282E; background:#fff; }
.bg-lang-at-header.bg-lang-row a.on { color:#fff; background:#F2760C; }
.bg-lang-at-content { justify-content:flex-start; margin:10px 0; }
.bg-lang-at-content a { color:#23282E; }
.bg-lang-at-content a.on { color:#fff; }
/* floating button */
.bg-lang-float { position:fixed; z-index:85; }
.bg-lang-float--bottom-start { bottom:150px; inset-inline-start:14px; }
.bg-lang-float--bottom-end { bottom:150px; inset-inline-end:14px; }
.bg-lang-float--middle-start { top:50%; inset-inline-start:14px; transform:translateY(-50%); }
.bg-lang-float--middle-end { top:50%; inset-inline-end:14px; transform:translateY(-50%); }
.bg-lang-float--top-start { top:110px; inset-inline-start:14px; }
.bg-lang-float--top-end { top:110px; inset-inline-end:14px; }
.bg-lang-float .bg-lang > summary { box-shadow:0 6px 18px rgba(35,40,46,.18); }
.bg-lang-float--bottom-start .bg-lang-menu, .bg-lang-float--bottom-end .bg-lang-menu { top:auto; bottom:calc(100% + 6px); }
.bg-lang-float--bottom-start .bg-lang-menu, .bg-lang-float--middle-start .bg-lang-menu, .bg-lang-float--top-start .bg-lang-menu { inset-inline-end:auto; inset-inline-start:0; }
.bg-lang-float .bg-lang-row { background:#fff; padding:6px; border-radius:999px; box-shadow:0 6px 18px rgba(35,40,46,.18); margin:0; flex-wrap:nowrap; }
.bg-lang-float .bg-lang-row a { color:#23282E; }
.bg-lang-float .bg-lang-row a.on { color:#fff; }

/* checkout: amount line above the card button, short descriptions */
.bg-pay-total { display:flex; justify-content:space-between; align-items:center; background:#FCF7F0; border:1px solid #EDE5D9; border-radius:12px; padding:10px 14px; margin:0 0 10px; font-size:15px; }
.bg-pay-total strong { font-size:18px; color:#23282E; }
#payment:has(#payment_method_ppcp-card-button-gateway:not(:checked)) .bg-pay-total { display:none; }
#payment div.payment_box p { margin:0; }
#place_order { font-size:17px !important; }

/* form fields stay readable in phone dark mode (white field, dark text, grey examples) */
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select,
.woocommerce .quantity .qty, .bg-contact-form input, .bg-contact-form textarea, .woocommerce-form input.input-text {
  color:#23282E !important; -webkit-text-fill-color:#23282E; caret-color:#23282E;
}
.woocommerce form .form-row input.input-text::placeholder, .woocommerce form .form-row textarea::placeholder,
.bg-contact-form input::placeholder, .bg-contact-form textarea::placeholder, .woocommerce-form input.input-text::placeholder {
  color:#9AA5B1 !important; -webkit-text-fill-color:#9AA5B1; opacity:1;
}
@media (prefers-color-scheme: dark) {
  .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select,
  .bg-contact-form input, .bg-contact-form textarea, .woocommerce-form input.input-text { color-scheme:light; }
}