/* DNYS RTL Theme */ :root{ --dnys-bg: #ffffff; --dnys-text: #121212; --dnys-muted: #5A6A70; --dnys-border: #E6E8EA; --dnys-surface: #F1F3F4; --dnys-primary:#7BA6B7; --dnys-accent:#B49A72; } /* Dark mode (auto) */ @media (prefers-color-scheme: dark){ :root{ --dnys-bg:#0E0F11; --dnys-text:#EDEFF1; --dnys-muted:#A7B0B5; --dnys-border:#2C3337; --dnys-surface:#181B1E; --dnys-primary:#7BA6B7; --dnys-accent:#CFB07C; } } /* Manual override via data-theme="light|dark" on */ :root[data-theme="light"]{ --dnys-bg:#ffffff; --dnys-text:#121212; --dnys-muted:#5A6A70; --dnys-border:#E6E8EA; --dnys-surface:#F1F3F4; --dnys-accent:#B49A72; } :root[data-theme="dark"]{ --dnys-bg:#0E0F11; --dnys-text:#EDEFF1; --dnys-muted:#A7B0B5; --dnys-border:#2C3337; --dnys-surface:#181B1E; --dnys-accent:#CFB07C; } /* Base */ html{direction: rtl;} body{ direction: rtl; text-align: right; font-family:'Heebo', system-ui, -apple-system, Segoe UI, Arial, sans-serif; color:var(--dnys-text); background:var(--dnys-bg); line-height:1.65; } a{color:#3B4B52;text-decoration:none} a:hover{color:var(--dnys-primary);text-decoration:underline} /* Headings */ h1,h2,h3,h4,h5,h6,.elementor-heading-title{ font-weight:800; color:var(--dnys-text); letter-spacing:-0.012em; } h1{font-size:clamp(28px,4vw,48px)} h2{font-size:clamp(24px,3.2vw,36px)} h3{font-size:clamp(20px,2.6vw,28px)} h4{font-size:clamp(18px,2vw,22px)} small,.text-sm{font-size:14px} /* Header Template: assign class 'dnys-header' to the Section/Container */ .dnys-header{ position: sticky; top:0; z-index:1000; backdrop-filter: none; transition: background-color .3s ease, border-color .3s ease, padding .3s ease; border-bottom:1px solid var(--dnys-border); background:transparent; padding-block: 18px; } /* Inner layout: logo right 20–30% */ .dnys-header .dnys-header-wrap{ display:flex; flex-direction:row-reverse; align-items:center; gap:24px; } .dnys-header .dnys-logo{ flex: 0 0 28%; max-width:28%; display:flex; justify-content:flex-start; } .dnys-header .dnys-logo img{ height:auto; max-height:120px; transition:max-height .25s ease; } .dnys-header .dnys-nav{ flex: 1 1 auto; display:flex; justify-content:flex-end; align-items:center; gap:16px; } /* Shrink on scroll: class is toggled by JS */ .dnys-header.is-scrolled{ background: color-mix(in srgb, var(--dnys-bg) 70%, transparent); backdrop-filter: saturate(120%) blur(6px); border-bottom-color: var(--dnys-border); padding-block: 8px; } .dnys-header.is-scrolled .dnys-logo img{ max-height:72px; } /* Buttons */ .elementor-button, .wp-block-button__link{ border-radius:4px; background:var(--dnys-accent); border:none; color:#fff; font-weight:700; padding:12px 24px; } .elementor-button:hover,.wp-block-button__link:hover{ filter:brightness(.92); } /* Tables and invoice-like blocks */ table thead th{ background:#5A6A70; color:#fff; padding:16px; font-weight:700 } table tbody td{ padding:14px 16px; border-bottom:1px solid var(--dnys-border) } tr.total, .row-total{ background:var(--dnys-accent); color:#fff; font-weight:800 } tr.total td{ padding:16px } /* Forms */ input, select, textarea{ border:1px solid var(--dnys-border); border-radius:4px; padding:10px 12px; background:var(--dnys-bg); color:var(--dnys-text) } input:focus, select:focus, textarea:focus{ outline:none; border-color:var(--dnys-primary); box-shadow:0 0 0 3px rgba(123,166,183,.25) } /* Footer Template: assign class 'dnys-footer' to the Section/Container */ .dnys-footer{ border-top:1px solid var(--dnys-border); background: var(--dnys-surface); padding: 40px 0 16px; color:var(--dnys-text); } .dnys-footer .dnys-grid{ display:grid; grid-template-columns: repeat(4, 1fr); gap:24px; align-items:start; } @media (max-width:1024px){ .dnys-footer .dnys-grid{ grid-template-columns: repeat(2, 1fr);} } @media (max-width:767px){ .dnys-footer .dnys-grid{ grid-template-columns: 1fr;} } .dnys-footer .dnys-col h4{ margin:0 0 12px; font-weight:800 } .dnys-footer .dnys-col ul{ list-style:none; padding:0; margin:0 } .dnys-footer .dnys-col li{ margin:6px 0 } .dnys-footer .dnys-rights{ margin-top: 24px; border-top:1px solid var(--dnys-border); padding-top:12px; font-size:14px; color:var(--dnys-muted); text-align:center; } /* Dark adjustments */ @media (prefers-color-scheme: dark){ .dnys-header{ border-bottom-color:var(--dnys-border); } table thead th{ background:#2A3439 } }