/* 1260tr site.css — layout + core-block styling. Pairs with color-lock.css. */

:root{
  --navy:#1b2a4a; --bond:#f6f3ea; --stamp:#b23324;
  --card:#fff; --muted:#5b6472; --line:#e5e0d4;
}

html{scroll-behavior:smooth;}
body{
  direction:rtl; text-align:right;
  font-family:'Vazirmatn',Tahoma,Arial,sans-serif;
  line-height:1.9; margin:0;
}
img{max-width:100%;height:auto;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}

.wp-site-blocks{max-width:100%;overflow-x:hidden;}
main{padding:2.2rem 0 3rem;}

/* ---------- Headings & text rhythm ---------- */
h1,h2,h3{font-weight:800;}
h2{margin-top:2.2rem;}
p,li{font-size:1.075rem;}

/* ---------- Buttons ---------- */
.wp-block-button__link,.wp-element-button{
  border-radius:8px;font-weight:700;padding:.7rem 1.5rem;display:inline-block;
}
.wp-block-buttons{gap:.7rem;flex-wrap:wrap;}

/* ---------- Links list spacing ---------- */
.wp-block-list{padding-inline-start:1.2rem;}
.wp-block-list li{margin:.35rem 0;}

/* ---------- Social links: FIX giant unsized icons ---------- */
.wp-block-social-links{display:flex;gap:.5rem;list-style:none;padding:0;margin:0;flex-wrap:wrap;align-items:center;}
.wp-block-social-links .wp-social-link,
.wp-block-social-links .wp-block-social-link{
  width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;
}
.wp-block-social-links .wp-social-link a,
.wp-block-social-links .wp-block-social-link a{padding:7px;line-height:0;color:inherit;}
.wp-block-social-links svg{width:20px;height:20px;fill:currentColor;}

/* ---------- Tables ---------- */
.wp-block-table{overflow-x:auto;}
.wp-block-table table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);}
.wp-block-table th,.wp-block-table td{border:1px solid var(--line);padding:.7rem .85rem;text-align:right;vertical-align:top;}
.wp-block-table thead th{background:var(--navy);color:var(--bond);font-weight:700;}
.wp-block-table tbody tr:nth-child(even){background:#faf8f2;}

/* ---------- Details / accordion (FAQ) ---------- */
.wp-block-details{border:1px solid var(--line);border-radius:8px;background:var(--card);padding:.4rem 1rem;margin:.6rem 0;}
.wp-block-details summary{cursor:pointer;font-weight:700;padding:.6rem 0;list-style:none;}
.wp-block-details summary::-webkit-details-marker{display:none;}
.wp-block-details summary::before{content:"+";display:inline-block;margin-inline-start:.5rem;color:var(--stamp);font-weight:800;}
.wp-block-details[open] summary::before{content:"–";}

/* ---------- Columns responsive ---------- */
.wp-block-columns{gap:1.4rem;}
@media(max-width:781px){.wp-block-columns{flex-wrap:wrap;}.wp-block-column{flex-basis:100%!important;}}

/* ---------- Quote ---------- */
.wp-block-quote{border-inline-start:4px solid var(--stamp);padding-inline-start:1rem;margin-inline:0;font-style:normal;}

/* ---------- HEADER ---------- */
.site-header,header.wp-block-group{background:var(--bond);}
.site-header a{color:inherit;}
.header-topbar{font-size:.9rem;padding:.4rem 1.2rem;}
.header-topbar a{color:var(--bond)!important;}
.site-header .wp-block-navigation{gap:1.1rem;font-weight:700;justify-content:center;}
.site-header .wp-block-site-logo img,.wp-block-site-logo.header-logo img{width:52px!important;height:auto;}
.trust-strip{font-size:.85rem;padding:.45rem 1rem;text-align:center;}

/* ---------- FOOTER ---------- */
footer.wp-block-group{padding:2.4rem 1.2rem 1.4rem;}
footer .wp-block-site-logo img{width:64px!important;height:auto;}
footer .wp-block-heading{font-size:1.1rem;margin-bottom:.6rem;}
footer a{color:var(--bond)!important;}
footer a:hover{opacity:.8;}

/* ---------- Sticky mobile call/WhatsApp bar ---------- */
.sticky-mobile-cta{position:fixed;inset-inline:0;bottom:0;z-index:9999;padding:.4rem .6rem;box-shadow:0 -2px 10px rgba(0,0,0,.15);}
.sticky-mobile-cta .wp-block-buttons{margin:0;justify-content:center;gap:.5rem;}
.sticky-mobile-cta .wp-block-button{flex:1;}
.sticky-mobile-cta .wp-block-button__link{display:block;text-align:center;}
@media(min-width:782px){.sticky-mobile-cta{display:none!important;}}
@media(max-width:781px){body{padding-bottom:4rem;}}

/* ---------- Figures / homepage image ---------- */
figure.wp-block-image{margin-inline:auto;text-align:center;}
figure.wp-block-image img{border-radius:10px;}

/* ==================== v1.1 refinements ==================== */

/* Justified body paragraphs (RTL): stretch inner lines, keep last line at the start (right) */
main p{text-align:justify;text-align-last:right;}
main .wp-block-list li{text-align:justify;text-align-last:right;}
/* keep hero/short intro paragraphs from awkward stretching */
main > .wp-block-group:first-child p{text-align:right;}

/* Footer: spread the four columns across the wider container */
footer.wp-block-group{padding-left:2.5rem;padding-right:2.5rem;}
footer .wp-block-columns{gap:2rem;justify-content:space-between;}
footer .wp-block-column{flex-basis:0;flex-grow:1;}

/* Content breathing room on large screens */
main{padding-left:1rem;padding-right:1rem;}

/* ---------- Mobile responsiveness ---------- */
@media(max-width:781px){
  h1,.wp-block-heading.has-xx-large-font-size{font-size:1.75rem!important;line-height:1.5!important;}
  h2{font-size:1.4rem!important;}
  h3{font-size:1.2rem!important;}
  p,li{font-size:1rem!important;}
  main{padding:1.4rem 1rem 2.5rem;}

  /* header stacks and centers */
  .site-header .wp-block-group{justify-content:center!important;text-align:center;}
  .header-topbar{flex-direction:column;gap:.35rem;text-align:center;font-size:.8rem;padding:.5rem 1rem;}
  .header-topbar .wp-block-social-links{justify-content:center;}
  .site-header .wp-block-navigation{justify-content:center;width:100%;}
  .trust-strip p{font-size:.78rem;}

  /* footer stacks to single column, right aligned */
  footer.wp-block-group{padding:2rem 1.2rem 5rem;}
  footer .wp-block-columns{flex-wrap:wrap;gap:1.4rem;}
  footer .wp-block-column{flex-basis:100%!important;}
  footer .wp-block-social-links{justify-content:center;}

  /* tables scroll rather than overflow */
  .wp-block-table{overflow-x:auto;-webkit-overflow-scrolling:touch;}

  /* buttons full width for easy tapping */
  .wp-block-buttons .wp-block-button{flex:1 1 auto;}
  .wp-block-button__link{display:block;text-align:center;}
}

/* very small phones */
@media(max-width:420px){
  h1,.wp-block-heading.has-xx-large-font-size{font-size:1.5rem!important;}
  .site-header .wp-block-site-logo img,.wp-block-site-logo.header-logo img{width:44px!important;}
}

/* ==================== v1.2 header/footer/mobile ==================== */

/* Kill the gap above the header */
html,body{margin:0!important;padding-top:0!important;}
.wp-site-blocks{padding-top:0!important;margin-top:0!important;}
.wp-site-blocks > header:first-child,.site-header{margin-top:0!important;}

/* Header bands vs content: full-width navy bands, content matches footer width */
.site-header{padding-bottom:0;}
.header-topbar{padding:.45rem max(1.2rem,calc((100% - 1280px)/2));}
.trust-strip{padding:.5rem max(1.2rem,calc((100% - 1280px)/2));}
.header-main{padding:.9rem 0;gap:1rem;}
.brand-lockup{gap:.7rem;}
.brand-name{font-weight:800;font-size:1.15rem;margin:0;line-height:1.4;color:var(--navy);}
.header-cta .wp-block-button__link{padding:.5rem 1.1rem;}

/* Separate the menu onto its own delimited row */
.header-nav-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:.35rem 0;margin:0;}
.header-nav-row .wp-block-navigation{gap:1.15rem;font-weight:700;font-size:1.02rem;}
.header-nav-row .wp-block-navigation a{color:var(--navy)!important;}
.header-nav-row .wp-block-navigation a:hover{color:var(--stamp)!important;}

/* CTA button alignment in content: start (right in RTL), even gaps */
main .wp-block-buttons{justify-content:flex-start;gap:.7rem;align-items:stretch;}
main .wp-block-button__link{white-space:normal;}

/* Footer: visible separation between the four blocks */
footer .wp-block-columns{align-items:flex-start;}
footer .wp-block-column{border-inline-start:1px solid rgba(246,243,234,.14);padding-inline-start:1.3rem;}
footer .wp-block-column:first-child{border-inline-start:0;padding-inline-start:0;}
footer .wp-block-heading{border-bottom:1px solid rgba(246,243,234,.18);padding-bottom:.4rem;}

/* Hamburger: make it visible on mobile */
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close{color:var(--navy)!important;background:transparent!important;padding:.2rem;}
.wp-block-navigation__responsive-container-open svg,
.wp-block-navigation__responsive-container-close svg{width:30px!important;height:30px!important;fill:var(--navy)!important;display:block!important;}
.wp-block-navigation__responsive-container.is-menu-open{background:var(--bond)!important;}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content a{color:var(--navy)!important;}

@media(max-width:781px){
  /* header stacks cleanly, hamburger shows */
  .header-main{justify-content:space-between;padding:.7rem 1rem;}
  .brand-name{font-size:1rem;}
  .header-topbar{padding:.5rem 1rem;flex-direction:column;gap:.3rem;text-align:center;}
  .header-topbar .wp-block-group{justify-content:center;}
  .header-nav-row{padding:.3rem 1rem;}
  .header-nav-row .wp-block-navigation{justify-content:flex-end;width:100%;}
  .wp-block-navigation__responsive-container-open{display:flex!important;margin-inline-start:auto;}
  .trust-strip{padding:.5rem 1rem;}

  /* footer: dividers become horizontal between stacked blocks */
  footer .wp-block-column{border-inline-start:0!important;padding-inline-start:0!important;border-top:1px solid rgba(246,243,234,.18);padding-top:1.1rem;margin-top:.4rem;}
  footer .wp-block-column:first-child{border-top:0;}

  /* sticky mobile bar: equal, non-wrapping buttons */
  .sticky-mobile-cta{padding:.45rem .5rem;gap:.5rem;}
  .sticky-mobile-cta .wp-block-buttons{width:100%;gap:.5rem;flex-wrap:nowrap;}
  .sticky-mobile-cta .wp-block-button{flex:1 1 50%;}
  .sticky-mobile-cta .wp-block-button__link{width:100%;white-space:nowrap;padding:.75rem .4rem;font-size:.98rem;font-weight:700;}
}

/* ==================== v1.3 punch-list ==================== */

/* Header top gap — aggressive removal (root padding, template-part, first child) */
:root{--wp--style--root--padding-top:0px!important;}
html,body{margin:0!important;padding-top:0!important;}
.wp-site-blocks{padding-top:0!important;margin-top:0!important;}
.wp-block-template-part{margin:0!important;}
.site-header,.site-header.has-global-padding{margin:0!important;padding-top:0!important;}
.site-header > .header-topbar:first-child{margin-top:0!important;}

/* Center content CTA buttons (desktop + mobile) */
main .wp-block-buttons{justify-content:center!important;}

/* Constrain the oversized homepage photo */
main figure.wp-block-image{max-width:560px;margin-inline:auto;}
main figure.wp-block-image img{width:100%;height:auto;}

@media(max-width:781px){
  /* remove the extra top gap on mobile too */
  .site-header{padding-top:0!important;}

  /* hamburger: visible, larger, centered */
  .header-nav-row{justify-content:center!important;padding:.5rem 1rem;}
  .header-nav-row .wp-block-navigation{justify-content:center!important;width:auto!important;margin:0 auto!important;}
  .wp-block-navigation__responsive-container-open{display:flex!important;margin:0 auto!important;}
  .wp-block-navigation__responsive-container-open svg{width:36px!important;height:36px!important;}

  /* footer: kill the big empty band above the sticky bar */
  body{padding-bottom:0!important;}
  footer.wp-block-group{padding-bottom:3.8rem!important;}
}

/* ==================== v1.4 ==================== */

/* Header CTA is redundant on mobile (sticky bar + footer already have تماس/واتساپ) */
@media(max-width:781px){
  .header-cta{display:none!important;}
}

/* Collapsible submenus (open-on-click): style the toggle, keep them closed until tapped */
.wp-block-navigation-submenu__toggle{color:var(--navy)!important;}
.wp-block-navigation__submenu-icon{fill:var(--navy)!important;}
.wp-block-navigation .wp-block-navigation-submenu > .wp-block-navigation__submenu-container{border:1px solid var(--line);background:var(--bond);}
@media(max-width:781px){
  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-submenu__toggle{width:100%;justify-content:center;font-size:1.05rem;}
}