/*
Theme Name: Dubal Twenty Twenty-Five
Theme URI: https://dubal.ir/
Description: Child theme for Dubal Parsian Trading Company, based on Twenty Twenty-Five.
Author: Gilar Group
Author URI: https://gilargroup.ir/
Template: twentytwentyfive
Version: 1.2.0
Text Domain: dubal-tt5
*/
:root{
  --dubal-navy:#071f31;
  --dubal-navy-2:#0b2a40;
  --dubal-gold:#c89b45;
  --dubal-gold-2:#e3b85e;
  --dubal-ink:#172b3a;
  --dubal-muted:#61717d;
  --dubal-soft:#f6f8fa;
}
html{scroll-behavior:smooth}
body,button,input,textarea,select{font-family:Vazirmatn,Tahoma,Arial,sans-serif!important}
body{direction:rtl;color:var(--dubal-ink)}
a{text-underline-offset:.2em}
.wp-site-blocks{padding:0!important}
.wp-site-blocks>main{margin-block-start:0!important}

/* Header */
.dubal-header{background:#fff;border-bottom:1px solid #e8ecef;position:relative;z-index:50}
.dubal-brand .wp-block-heading{margin:0;font-weight:800;line-height:1.2;color:var(--dubal-navy-2)}
.dubal-brand p{margin:.2rem 0 0;color:#5d6b75;font-size:.78rem}
.dubal-header .wp-block-navigation{font-weight:600;font-size:.95rem}
.dubal-header .wp-block-navigation a{color:var(--dubal-navy-2)!important}
.dubal-header .wp-block-navigation a:hover{color:var(--dubal-gold)!important}
.dubal-header .wp-block-button__link{background:var(--dubal-gold)!important;color:#fff!important;border-radius:7px;padding:.78rem 1.25rem;font-weight:700}

/* Main */
.dubal-hero .wp-block-cover__image-background{object-position:center 45%}
.dubal-hero .wp-block-button__link{font-weight:700}
main .wp-block-group[style*="border-radius:12px"]{box-shadow:0 8px 22px rgba(11,42,64,.035)}

/* Footer */
.dubal-footer{background:var(--dubal-navy)!important;color:#dce6ec}
.dubal-footer h3,.dubal-footer h4{color:#fff;margin-top:0}
.dubal-footer a{color:#e8eef2;text-decoration:none}
.dubal-footer a:hover{color:var(--dubal-gold-2)}
.dubal-footer .dubal-copy{border-top:1px solid rgba(255,255,255,.12);padding-top:1rem;font-size:.84rem;color:#aebcc5}
.dubal-footer .dubal-copy a{color:#cbd6dd}
.dubal-page-shell{padding:64px 24px}
.dubal-page-shell>.wp-block-post-title{color:var(--dubal-navy-2);font-weight:800}

/* Responsive QA v1.1 */
@media(max-width:960px){
  .dubal-header{padding-top:10px!important;padding-bottom:10px!important}
  .dubal-header-inner{gap:14px!important}
  .dubal-brand .wp-block-heading{font-size:1.25rem!important;margin-bottom:0!important}
  .dubal-brand p{font-size:.72rem!important;margin-top:.1rem!important}
  .dubal-header .wp-block-navigation{font-size:.9rem}
  .dubal-footer{padding-top:44px!important;padding-bottom:18px!important}
}

@media(max-width:782px){
  /* Compact mobile header */
  .dubal-header{padding:9px 16px!important}
  .dubal-header-inner{min-height:48px;gap:8px!important}
  .dubal-brand{min-width:0}
  .dubal-brand .wp-block-heading{font-size:1.08rem!important;line-height:1.25!important;white-space:nowrap}
  .dubal-brand p{font-size:.66rem!important;line-height:1.35!important;white-space:nowrap}
  .dubal-header-cta{display:none!important}
  .dubal-header .wp-block-navigation__responsive-container-open{padding:6px}
  .dubal-header .wp-block-navigation__responsive-container.is-menu-open{padding:24px!important;background:#fff!important;color:#071f31!important}
  .dubal-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{font-size:1.05rem;line-height:2.2;color:#071f31!important}

  /* Shorter hero; secondary card removed from mobile */
  .dubal-hero{min-height:auto!important}
  .dubal-hero .wp-block-cover__background{opacity:.78!important}
  .dubal-hero .wp-block-cover__inner-container>.wp-block-group{padding:52px 18px 48px!important}
  .dubal-hero .wp-block-columns{gap:18px!important;margin-bottom:0!important}
  .dubal-hero .wp-block-columns>.wp-block-column:first-child{flex-basis:100%!important}
  .dubal-hero .wp-block-columns>.wp-block-column:last-child{display:none!important}
  .dubal-hero h1{font-size:clamp(2rem,10vw,2.65rem)!important;line-height:1.45!important;margin-top:8px!important;margin-bottom:14px!important}
  .dubal-hero p{font-size:.98rem!important;line-height:1.95!important}
  .dubal-hero .wp-block-buttons{margin-top:22px!important;gap:10px!important}
  .dubal-hero .wp-block-button{width:100%}
  .dubal-hero .wp-block-button__link{width:100%;justify-content:center;padding:12px 16px!important}

  /* Tighter vertical rhythm */
  main>.wp-block-group.alignfull{padding-top:52px!important;padding-bottom:52px!important;padding-right:18px!important;padding-left:18px!important}
  main>.wp-block-group.alignfull:first-of-type{padding-top:30px!important;padding-bottom:30px!important}
  main .wp-block-columns{gap:20px!important}
  main h2{font-size:clamp(1.65rem,7vw,2.05rem)!important;line-height:1.55!important}
  main h3{line-height:1.55!important}
  main p{line-height:1.9}
  main .wp-block-image img{width:100%;height:auto}
  main .wp-block-group[style*="border-radius:12px"]{padding:20px 18px!important}

  /* Footer ~30% shorter */
  .dubal-footer{padding:34px 18px 14px!important}
  .dubal-footer .wp-block-columns{gap:18px!important;margin-bottom:18px!important}
  .dubal-footer .wp-block-column{margin-bottom:0!important}
  .dubal-footer h3{font-size:1.35rem!important;margin-bottom:8px!important}
  .dubal-footer h4{font-size:1rem!important;margin-bottom:6px!important}
  .dubal-footer p,.dubal-footer li{font-size:.86rem!important;line-height:1.75!important}
  .dubal-footer ul{margin-top:6px!important;margin-bottom:6px!important;padding-right:1.1rem!important}
  .dubal-footer .dubal-copy{gap:6px!important;padding-top:12px!important}
  .dubal-footer .dubal-copy p{margin:0!important;font-size:.75rem!important}
}

@media(max-width:480px){
  .dubal-hero .wp-block-cover__inner-container>.wp-block-group{padding-top:44px!important;padding-bottom:42px!important}
  main>.wp-block-group.alignfull{padding-top:44px!important;padding-bottom:44px!important}
  main .wp-block-columns{gap:16px!important}
  main .wp-block-group[style*="border-radius:12px"]{padding:18px 16px!important}
  .dubal-footer{padding-top:30px!important}
}


/* Mobile QA refinements v1.2 */
@media(max-width:782px){
  /* Keep the brand readable without making the header tall */
  .dubal-brand .wp-block-heading{font-size:1.2rem!important;font-weight:800!important;letter-spacing:-.02em}
  .dubal-brand p{font-size:.68rem!important;opacity:.82}

  /* Brand-value strip: 2x2 instead of a long vertical stack */
  main > .wp-block-group.alignfull:first-of-type .wp-block-columns{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px 10px!important;
  }
  main > .wp-block-group.alignfull:first-of-type .wp-block-column{
    min-width:0!important;
    margin:0!important;
    padding:6px 4px!important;
  }
  main > .wp-block-group.alignfull:first-of-type h3{font-size:.98rem!important;margin:.2rem 0 .35rem!important}
  main > .wp-block-group.alignfull:first-of-type p{font-size:.8rem!important;line-height:1.65!important;margin:0!important}

  /* Make the image-led company section feel stronger on mobile */
  main .wp-block-image{margin-bottom:6px!important}
  main .wp-block-image img{border-radius:12px!important}

  /* Why Dubal: compact 2x2 feature grid */
  main > .wp-block-group.alignfull[style*="background-color:#0b2a40"] .wp-block-columns{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:16px 12px!important;
  }
  main > .wp-block-group.alignfull[style*="background-color:#0b2a40"] .wp-block-column{
    min-width:0!important;
    margin:0!important;
  }
  main > .wp-block-group.alignfull[style*="background-color:#0b2a40"] h3{
    font-size:1rem!important;
    margin:.2rem 0 .4rem!important;
  }
  main > .wp-block-group.alignfull[style*="background-color:#0b2a40"] p{
    font-size:.82rem!important;
    line-height:1.7!important;
    margin:0!important;
  }

  /* Collaboration process: 2x2 instead of four tall rows */
  main > .wp-block-group.alignfull[style*="padding-top:82px"][style*="background-color:#ffffff"] > .wp-block-columns{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:20px 12px!important;
  }
  main > .wp-block-group.alignfull[style*="padding-top:82px"][style*="background-color:#ffffff"] > .wp-block-columns > .wp-block-column{
    margin:0!important;
    min-width:0!important;
  }
  main > .wp-block-group.alignfull[style*="padding-top:82px"][style*="background-color:#ffffff"] > .wp-block-columns p:first-child{
    margin:.1rem 0 .25rem!important;
    font-size:1.55rem!important;
  }
  main > .wp-block-group.alignfull[style*="padding-top:82px"][style*="background-color:#ffffff"] > .wp-block-columns h3{
    font-size:1rem!important;
    margin:.2rem 0 .35rem!important;
  }
  main > .wp-block-group.alignfull[style*="padding-top:82px"][style*="background-color:#ffffff"] > .wp-block-columns p{
    font-size:.8rem!important;
    line-height:1.65!important;
    margin:0!important;
  }

  /* Footer: intro full width, remaining columns in a compact 2-column grid */
  .dubal-footer .wp-block-columns{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:20px 18px!important;
  }
  .dubal-footer .wp-block-columns > .wp-block-column:first-child{
    grid-column:1/-1!important;
  }
  .dubal-footer .wp-block-column{min-width:0!important}
  .dubal-footer ul{padding-right:1rem!important}
  .dubal-footer li{margin-bottom:.15rem!important}
}

@media(max-width:430px){
  .dubal-hero .wp-block-cover__inner-container>.wp-block-group{padding-top:38px!important;padding-bottom:38px!important}
  .dubal-hero h1{font-size:2rem!important;line-height:1.42!important}
  .dubal-hero p{font-size:.92rem!important;line-height:1.85!important}
  main>.wp-block-group.alignfull{padding-top:40px!important;padding-bottom:40px!important}
  .dubal-footer{padding:26px 16px 12px!important}
}
