/* AL-TAJ CMS V6.8 — Theme Control Layer
   Loaded after V4/V5/V6/V6x. Keeps the stable V6 structure while making
   theme settings authoritative across all public pages. */

.v68-theme{
  --v4-muted:var(--muted);
  --v4-line:var(--border);
  --v4-shadow:var(--theme-shadow);
  --v6-gold:var(--primary);
  --v6-line:var(--border);
  --v6-shadow:var(--theme-shadow);
  --v6x-gold:var(--primary);
  --v6x-line:var(--border);
  --v6x-radius:var(--radius);
  --v6x-shadow:var(--theme-shadow);
  font-family:var(--font-body);
  font-size:var(--body);
  font-weight:var(--body-weight);
  line-height:var(--body-line);
  background:var(--bg);
  color:var(--text);
  overflow-x:clip;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
.dark .v68-theme{--v4-muted:var(--dark-muted);--v4-line:var(--dark-border);--v6-line:var(--dark-border);--v6x-line:var(--dark-border);background:var(--dark-bg);color:var(--dark-text)}
.v68-theme :where(h1,h2,h3,h4,h5,h6,.v4-title-xl,.v6-section-heading h2,.v6-catalog-intro h2,.v6x-section-title){font-family:var(--font-heading);letter-spacing:var(--heading-tracking);line-height:var(--heading-line);text-wrap:balance}
.v68-theme h1{font-size:var(--h1);font-weight:var(--h1-weight)}.v68-theme h2{font-size:var(--h2);font-weight:var(--h2-weight)}.v68-theme h3{font-size:var(--h3);font-weight:var(--h3-weight)}.v68-theme h4{font-size:var(--h4);font-weight:var(--h4-weight)}.v68-theme h5{font-size:var(--h5);font-weight:var(--h5-weight)}.v68-theme h6{font-size:var(--h6);font-weight:var(--h6-weight)}
.v68-theme :where(p,li,.v4-prose){line-height:var(--body-line);text-wrap:pretty}

/* Main typographic hierarchy — section titles are controlled independently from item/card titles. */
.v68-theme :is(.v4-home-hero .v4-hero-copy h1,.v4-page-hero .v4-page-hero-copy h1,.v6x-page-hero .v4-page-hero-copy h1){font-size:clamp(var(--h1-mobile),6vw,var(--h1))!important;line-height:var(--heading-line)!important;font-weight:var(--h1-weight)!important}
.v68-theme :is(.v4-title-xl,.v6-section-heading h2,.v6-catalog-intro h2,.v6-about-copy h2,.v6-metrics-copy h2,.v6x-section-title,.v6x-slider-head h2,.v6x-clients-head h2){font-size:clamp(var(--h2-mobile),4vw,var(--h2))!important;line-height:var(--heading-line)!important;font-weight:var(--h2-weight)!important}
.v68-theme :is(.v6x-service-body h2,.v6x-product-body h2,.v6x-project-content h2,.v6x-news-copy h2,.v6x-video-card h2,.v6x-event-copy h2,.v6x-certificate-copy h2,.v6x-team-copy h2,.v4-product-card-copy h3,.v4-service-tile h3,.v4-team-mini h3){font-size:clamp(18px,2vw,var(--h3))!important;font-weight:var(--h3-weight)!important;line-height:1.35!important}

/* Responsive layout settings controlled by the active theme. */
.v68-theme .site-container{width:min(var(--container),calc(100% - (var(--container-padding) * 2)))!important;max-width:var(--container)!important}
.v68-theme :is(.v4-section,.v6-section){padding-block:var(--section-space)!important;margin-block:var(--section-margin)!important}
.v68-theme .v4-main>section>.site-container,.v68-theme .v4-main>div>.site-container{position:relative;transform:translate(var(--offset-inline),var(--offset-y))}
.v68-theme :is(.v4-values-grid,.v4-service-bento,.v4-team-row,.v5-update-grid,.v5-gallery-grid,.v6-goals-list,.v6-values-grid,.v6-chart-grid,.v6-partner-wall,.v6x-service-grid,.v6x-product-grid,.v6x-project-masonry,.v6x-editorial-grid,.v6x-video-grid,.v6x-team-grid,.v6x-client-wall,.v6x-spec-table,.v6x-form-grid){gap:var(--grid-gap)!important}

/* Card system. */
.v68-theme :is(.v4-product-card,.v4-service-tile,.v4-team-mini,.v5-update-card,.v5-gallery-card,.v6-principle-card,.v6-proof-card,.v6-chart-card,.v6x-service-card,.v6x-product-card,.v6x-project-card,.v6x-news-card,.v6x-event-card,.v6x-video-card,.v6x-certificate-card,.v6x-team-card,.v6x-client-card,.v6x-captcha-card,.v6x-contact-split,.v6x-dialog){border-radius:var(--radius)!important;transition:border-color var(--animation-duration) ease,box-shadow var(--animation-duration) ease,transform var(--animation-duration) cubic-bezier(.22,.8,.24,1),background-color var(--animation-duration) ease}
.v68-theme :is(.v6x-service-body,.v6x-product-body,.v6x-project-content,.v6x-news-copy,.v6x-event-copy,.v6x-certificate-copy,.v6x-team-copy,.v4-product-card-copy){padding:var(--card-padding)!important}
.v68-theme.theme-card-bordered :is(.v6x-service-card,.v6x-product-card,.v6x-project-card,.v6x-news-card,.v6x-event-card,.v6x-video-card,.v6x-certificate-card,.v6x-team-card,.v6x-client-card,.v6-principle-card,.v6-proof-card){border:1px solid var(--border)!important;box-shadow:none!important}
.dark .v68-theme.theme-card-bordered :is(.v6x-service-card,.v6x-product-card,.v6x-project-card,.v6x-news-card,.v6x-event-card,.v6x-video-card,.v6x-certificate-card,.v6x-team-card,.v6x-client-card,.v6-principle-card,.v6-proof-card){border-color:var(--dark-border)!important}
.v68-theme.theme-card-elevated :is(.v6x-service-card,.v6x-product-card,.v6x-project-card,.v6x-news-card,.v6x-event-card,.v6x-video-card,.v6x-certificate-card,.v6x-team-card,.v6x-client-card,.v6-principle-card,.v6-proof-card){border-color:transparent!important;box-shadow:var(--theme-shadow)!important}
.v68-theme.theme-card-flat :is(.v6x-service-card,.v6x-product-card,.v6x-project-card,.v6x-news-card,.v6x-event-card,.v6x-video-card,.v6x-certificate-card,.v6x-team-card,.v6x-client-card,.v6-principle-card,.v6-proof-card){border-color:transparent!important;box-shadow:none!important}
.v68-theme.theme-card-glass :is(.v6x-service-card,.v6x-product-card,.v6x-project-card,.v6x-news-card,.v6x-event-card,.v6x-video-card,.v6x-certificate-card,.v6x-team-card,.v6x-client-card,.v6-principle-card,.v6-proof-card){background:color-mix(in srgb,var(--surface) 72%,transparent)!important;backdrop-filter:blur(var(--glass-blur)) saturate(125%);border-color:color-mix(in srgb,var(--border) 78%,transparent)!important;box-shadow:var(--theme-shadow)!important}
.dark .v68-theme.theme-card-glass :is(.v6x-service-card,.v6x-product-card,.v6x-project-card,.v6x-news-card,.v6x-event-card,.v6x-video-card,.v6x-certificate-card,.v6x-team-card,.v6x-client-card,.v6-principle-card,.v6-proof-card){background:color-mix(in srgb,var(--dark-surface) 72%,transparent)!important;border-color:color-mix(in srgb,var(--dark-border) 78%,transparent)!important}

/* Theme surfaces / colors. */
.v68-theme :is(.v4-section-soft,.v6-section-soft){background:color-mix(in srgb,var(--surface) 90%,var(--bg))!important}
.dark .v68-theme :is(.v4-section-soft,.v6-section-soft){background:color-mix(in srgb,var(--dark-surface) 90%,var(--dark-bg))!important}
.v68-theme :is(.v4-lead,.v6-lead,.v6-section-heading>p,.v6-catalog-intro p,.v6x-service-body p,.v6x-product-body p,.v6x-project-content p,.v6x-news-copy p,.v6x-event-copy p,.v6x-certificate-copy p,.v6x-team-copy>p){color:var(--muted)!important}
.dark .v68-theme :is(.v4-lead,.v6-lead,.v6-section-heading>p,.v6-catalog-intro p,.v6x-service-body p,.v6x-product-body p,.v6x-project-content p,.v6x-news-copy p,.v6x-event-copy p,.v6x-certificate-copy p,.v6x-team-copy>p){color:var(--dark-muted)!important}
.v68-theme :is(.v4-kicker,.v6-eyebrow,.v6x-product-badge,.v6x-card-index){color:var(--primary)!important}

/* Buttons are centrally controlled. */
.v68-theme :is(.v4-btn,.v6-btn,.v6x-primary-action,.v6x-secondary-button,.btn-primary,.v4-header-cta,.v6x-contact-direct a){border-radius:var(--button-radius)!important;transition:transform .26s ease,box-shadow .26s ease,filter .26s ease,background-color .26s ease,border-color .26s ease}
.v68-theme.theme-button-solid :is(.v4-btn-primary,.v6-btn,.v6x-primary-action,.btn-primary,.v4-header-cta){background:var(--primary)!important;color:var(--button-text)!important;border-color:var(--primary)!important}
.v68-theme.theme-button-soft :is(.v4-btn-primary,.v6-btn,.v6x-primary-action,.btn-primary,.v4-header-cta){background:color-mix(in srgb,var(--primary) 18%,var(--surface))!important;color:color-mix(in srgb,var(--primary) 72%,#111)!important;border:1px solid color-mix(in srgb,var(--primary) 42%,transparent)!important;box-shadow:none!important}
.dark .v68-theme.theme-button-soft :is(.v4-btn-primary,.v6-btn,.v6x-primary-action,.btn-primary,.v4-header-cta){background:color-mix(in srgb,var(--primary) 16%,var(--dark-surface))!important;color:var(--primary)!important}
.v68-theme.theme-button-outline :is(.v4-btn-primary,.v6-btn,.v6x-primary-action,.btn-primary,.v4-header-cta){background:transparent!important;color:var(--primary)!important;border:1px solid var(--primary)!important;box-shadow:none!important}
.v68-theme.theme-button-gradient :is(.v4-btn-primary,.v6-btn,.v6x-primary-action,.btn-primary,.v4-header-cta){background:linear-gradient(135deg,var(--primary),var(--accent))!important;color:var(--button-text)!important;border-color:transparent!important}

/* Media treatment. */
.v68-theme :is(.v6x-service-media,.v6x-product-media,.v6x-project-media,.v6x-news-media,.v6x-event-image,.v6x-video-media,.v6x-team-photo,.v5-update-image,.v4-product-photo){border-radius:var(--image-radius);overflow:hidden}
.v68-theme.theme-image-zoom :is(.v6x-service-media img,.v6x-product-media img,.v6x-project-media img,.v6x-news-media img,.v6x-event-image img,.v6x-video-media img,.v6x-team-photo img,.v5-update-image img,.v4-product-photo img){transition:transform .65s cubic-bezier(.22,.8,.24,1),filter .5s ease}
.v68-theme.theme-image-zoom :is(.v6x-service-card,.v6x-product-card,.v6x-project-card,.v6x-news-card,.v6x-event-card,.v6x-video-card,.v6x-team-card,.v5-update-card,.v4-product-card):hover img{transform:scale(1.045)}
.v68-theme.theme-image-dim :is(.v6x-service-card,.v6x-product-card,.v6x-project-card,.v6x-news-card,.v6x-event-card,.v6x-video-card,.v6x-team-card):hover img{filter:brightness(.78)}
.v68-theme.theme-image-reveal :is(.v6x-service-media img,.v6x-product-media img,.v6x-project-media img,.v6x-news-media img,.v6x-event-image img,.v6x-video-media img,.v6x-team-photo img){filter:grayscale(.72);transition:filter .45s ease,transform .6s ease}
.v68-theme.theme-image-reveal :is(.v6x-service-card,.v6x-product-card,.v6x-project-card,.v6x-news-card,.v6x-event-card,.v6x-video-card,.v6x-team-card):hover img{filter:grayscale(0)}

/* Hover interaction selector. JS handles tilt so transforms do not fight existing cards. */
@media (hover:hover) and (pointer:fine){
  .v68-theme.theme-hover-lift :is(.v6x-service-card,.v6x-product-card,.v6x-project-card,.v6x-news-card,.v6x-event-card,.v6x-video-card,.v6x-certificate-card,.v6x-team-card,.v6x-client-card):hover{transform:translateY(-5px);box-shadow:var(--theme-shadow)}
  .v68-theme.theme-hover-glow :is(.v6x-service-card,.v6x-product-card,.v6x-project-card,.v6x-news-card,.v6x-event-card,.v6x-video-card,.v6x-certificate-card,.v6x-team-card,.v6x-client-card):hover{border-color:color-mix(in srgb,var(--primary) 56%,transparent)!important;box-shadow:0 18px 60px color-mix(in srgb,var(--primary) 16%,transparent)!important}
}

/* Visual modes. */
.v68-theme.theme-visual-glass :is(.v6x-contact-split,.v6-media-panel,.v5-media-panel){backdrop-filter:blur(var(--glass-blur)) saturate(125%)}
.v68-theme.theme-visual-neumorphism :is(.v6x-service-card,.v6x-product-card,.v6x-project-card,.v6x-client-card,.v6x-team-card){border-color:transparent!important;box-shadow:12px 12px 28px color-mix(in srgb,var(--text) 11%,transparent),-8px -8px 24px color-mix(in srgb,#fff 80%,transparent)!important}
.dark .v68-theme.theme-visual-neumorphism :is(.v6x-service-card,.v6x-product-card,.v6x-project-card,.v6x-client-card,.v6x-team-card){box-shadow:12px 12px 28px rgba(0,0,0,.32),-8px -8px 22px rgba(255,255,255,.025)!important}
.v68-theme.theme-shadows-off *{--v4-shadow:none;--v6-shadow:none;--v6x-shadow:none}
.v68-theme.theme-shadows-off :is(.v6x-service-card,.v6x-product-card,.v6x-project-card,.v6x-news-card,.v6x-event-card,.v6x-video-card,.v6x-certificate-card,.v6x-team-card,.v6x-client-card,.v6-cta-panel,.v4-cta-panel){box-shadow:none!important}

/* Header style controlled from theme settings. */
.v68-theme .v4-header-row{height:var(--header-height)!important}
.v68-theme .v4-header.theme-header-solid{background:var(--secondary)!important;backdrop-filter:none!important}
.v68-theme .v4-header.theme-header-glass{background:color-mix(in srgb,var(--secondary) 72%,transparent)!important;backdrop-filter:blur(var(--glass-blur)) saturate(130%)!important}
.v68-theme .v4-header.theme-header-light{background:color-mix(in srgb,var(--surface) 95%,transparent)!important;color:var(--text)!important;border-bottom-color:var(--border)!important}
.v68-theme .v4-header.theme-header-light .v4-main-nav a,.v68-theme .v4-header.theme-header-light .v4-icon-btn{color:var(--text)!important}
.v68-theme .v4-header.theme-header-light .v4-icon-btn{border-color:var(--border)!important}
.v68-theme .v4-topbar{background:var(--secondary)!important}

/* Hero / footer / global component tuning. */
.v68-theme .v4-page-hero{min-height:var(--hero-min-height)!important}
.v68-theme .v6x-page-hero{min-height:var(--hero-min-height)!important}
.v68-theme .v4-footer-top{grid-template-columns:repeat(var(--footer-columns),minmax(0,1fr))!important;gap:var(--grid-gap)!important}
.v68-theme .v4-floating-contact{max-width:min(230px,calc(100vw - 28px))!important;width:auto!important;border-radius:999px!important}
.v68-theme.theme-dividers-on .v4-main>section+section{border-top:1px solid var(--border)}
.dark .v68-theme.theme-dividers-on .v4-main>section+section{border-top-color:var(--dark-border)}

/* Subtle background patterns. */
.v68-theme.theme-bg-grid .v4-main{background-image:linear-gradient(color-mix(in srgb,var(--border) 38%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--border) 38%,transparent) 1px,transparent 1px);background-size:72px 72px}
.dark .v68-theme.theme-bg-grid .v4-main{background-image:linear-gradient(color-mix(in srgb,var(--dark-border) 30%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--dark-border) 30%,transparent) 1px,transparent 1px)}
.v68-theme.theme-bg-mesh .v4-main{background-image:radial-gradient(circle at 10% 12%,color-mix(in srgb,var(--primary) 8%,transparent),transparent 24rem),radial-gradient(circle at 88% 52%,color-mix(in srgb,var(--accent) 6%,transparent),transparent 28rem)}
.v68-theme.theme-bg-orbits .v4-main{background-image:radial-gradient(circle at 12% 28%,transparent 0 88px,color-mix(in srgb,var(--primary) 8%,transparent) 89px 90px,transparent 91px 150px,color-mix(in srgb,var(--primary) 5%,transparent) 151px 152px,transparent 153px)}

/* V6.8 reveal system. Existing V4 reveal remains valid; this only enriches uncovered sections/cards. */
.v68-theme.theme-motion-on .v68-reveal{opacity:0;transition:opacity var(--animation-duration) ease,transform var(--animation-duration) cubic-bezier(.22,.8,.24,1);transition-delay:var(--v68-delay,0ms);will-change:opacity,transform}
.v68-theme.theme-motion-on.theme-animation-fade-up .v68-reveal{transform:translateY(var(--motion-distance))}
.v68-theme.theme-motion-on.theme-animation-fade .v68-reveal{transform:none}
.v68-theme.theme-motion-on.theme-animation-slide .v68-reveal{transform:translateX(var(--motion-distance))}
[dir=rtl] .v68-theme.theme-motion-on.theme-animation-slide .v68-reveal{transform:translateX(calc(var(--motion-distance) * -1))}
.v68-theme.theme-motion-on.theme-animation-zoom .v68-reveal{transform:scale(.965)}
.v68-theme.theme-motion-on .v68-reveal.is-v68-visible{opacity:1;transform:none}
.v68-theme.theme-motion-off .v68-reveal{opacity:1!important;transform:none!important;transition:none!important}
.v68-theme.theme-page-transition-on .v4-main{opacity:.96;transform:translateY(4px);transition:opacity .34s ease,transform .34s ease}.v68-theme.theme-page-transition-on.is-v68-ready .v4-main{opacity:1;transform:none}

/* Responsive controls preserve composition instead of scaling desktop blindly. */
@media (max-width:1100px){
  .v68-theme :is(.v4-section,.v6-section){padding-block:var(--section-space-tablet)!important}
  .v68-theme .v4-footer-top{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:760px){
  .v68-theme{font-size:var(--body-mobile)!important}
  .v68-theme .site-container{width:calc(100% - (var(--container-padding-mobile) * 2))!important}
  .v68-theme :is(.v4-section,.v6-section){padding-block:var(--section-space-mobile)!important;margin-block:min(var(--section-margin),24px)!important}
  .v68-theme .v4-main>section>.site-container,.v68-theme .v4-main>div>.site-container{transform:translate(var(--offset-inline-mobile),var(--offset-y-mobile))}
  .v68-theme :is(.v4-home-hero .v4-hero-copy h1,.v4-page-hero .v4-page-hero-copy h1,.v6x-page-hero .v4-page-hero-copy h1){font-size:var(--h1-mobile)!important}
  .v68-theme :is(.v4-title-xl,.v6-section-heading h2,.v6-catalog-intro h2,.v6-about-copy h2,.v6-metrics-copy h2,.v6x-section-title,.v6x-slider-head h2,.v6x-clients-head h2){font-size:var(--h2-mobile)!important}
  .v68-theme .v4-footer-top{grid-template-columns:1fr!important}
  .v68-theme .v4-floating-contact{width:50px!important;height:50px!important;padding:0!important;display:grid!important;place-items:center!important;inset-inline-end:14px!important;bottom:14px!important}
  .v68-theme .v4-floating-contact b{display:none!important}
}

@media (prefers-reduced-motion:reduce){
  .v68-theme,.v68-theme *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .v68-theme .v68-reveal{opacity:1!important;transform:none!important}
}


/* V6.8 authoritative surfaces: keeps V6 structure but allows theme colors to reach every page. */
.v68-theme :is(.v4-section-dark,.v6-section-ink){background:var(--secondary)!important;color:var(--dark-text)!important}
.v68-theme :is(.v4-section-dark,.v6-section-ink) :is(p,.v4-lead,.v6-lead){color:var(--dark-muted)!important}
.v68-theme :is(.v6x-service-card,.v6x-product-card,.v6x-project-card,.v6x-news-card,.v6x-event-card,.v6x-video-card,.v6x-certificate-card,.v6x-team-card,.v6x-client-card,.v6-principle-card,.v6-proof-card,.v6-chart-card,.v6x-contact-split,.v6x-dialog){background:var(--surface)}
.dark .v68-theme :is(.v6x-service-card,.v6x-product-card,.v6x-project-card,.v6x-news-card,.v6x-event-card,.v6x-video-card,.v6x-certificate-card,.v6x-team-card,.v6x-client-card,.v6-principle-card,.v6-proof-card,.v6-chart-card,.v6x-contact-split,.v6x-dialog){background:var(--dark-surface)}
.v68-theme :is(.input,.v6x-searchbox input,.v6x-selectbox select,.v6x-captcha-input){border-radius:var(--button-radius)!important;border-color:var(--border)!important}
.dark .v68-theme :is(.input,.v6x-searchbox input,.v6x-selectbox select,.v6x-captcha-input){border-color:var(--dark-border)!important}
.v68-theme :is(.input,.v6x-searchbox input,.v6x-selectbox select,.v6x-captcha-input):focus{outline:none!important;border-color:color-mix(in srgb,var(--primary) 72%,transparent)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 12%,transparent)!important}
.v68-theme .v4-scroll-progress span{background:var(--primary)!important}
.v68-theme .v4-footer{background:color-mix(in srgb,var(--secondary) 88%,#050608)!important}
.v68-theme .v4-footer-cta{border-radius:var(--radius)!important}

/* Per-page layout modes selected from Theme Profiles. */
.v68-theme.theme-services-featured .v6x-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.v68-theme.theme-services-featured .v6x-service-card:first-child{grid-column:span 2!important;display:grid!important;grid-template-columns:minmax(240px,.9fr) 1.1fr!important}
.v68-theme.theme-services-featured .v6x-service-card:first-child .v6x-service-card-top{grid-column:1/-1}
.v68-theme.theme-services-featured .v6x-service-card:first-child .v6x-service-media{min-height:100%;height:100%}

.v68-theme.theme-products-zigzag .v6x-product-grid{grid-template-columns:1fr!important}
.v68-theme.theme-products-zigzag .v6x-product-card{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:stretch}
.v68-theme.theme-products-zigzag .v6x-product-card:nth-child(even) .v6x-product-media{order:2}
.v68-theme.theme-products-zigzag .v6x-product-card:nth-child(even) .v6x-product-body{order:1}
.v68-theme.theme-products-zigzag .v6x-product-media{min-height:360px!important}

.v68-theme.theme-projects-grid .v6x-project-masonry{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.v68-theme.theme-projects-grid .v6x-project-card,.v68-theme.theme-projects-grid .v6x-project-card.is-featured{grid-column:auto!important;grid-row:auto!important}
.v68-theme.theme-projects-grid .v6x-project-media{min-height:260px!important}

.v68-theme.theme-media-cards .v6x-media-featured{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
.v68-theme.theme-media-cards .v6x-media-featured-copy{align-self:center}
.v68-theme.theme-media-cards .v6x-editorial-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.v68-theme.theme-media-cards .v6x-news-card:first-child{grid-column:auto!important;grid-row:auto!important}

.v68-theme.theme-certificates-grid .v6x-slider-controls{display:none!important}
.v68-theme.theme-certificates-grid .v6x-certificate-track{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important;scroll-snap-type:none!important}
.v68-theme.theme-certificates-grid .v6x-certificate-card{width:auto!important;min-width:0!important}

.v68-theme.theme-team-spotlight .v6x-team-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.v68-theme.theme-team-spotlight .v6x-team-card:first-child{grid-column:span 2!important;grid-row:span 2!important}
.v68-theme.theme-team-spotlight .v6x-team-card:first-child .v6x-team-photo{min-height:420px!important}

.v68-theme.theme-clients-wall .v6x-client-marquee{display:none!important}
.v68-theme.theme-clients-marquee .v6x-client-wall{display:none!important}
.v68-theme.theme-clients-marquee .v6x-clients-head .v6x-marquee-toggle{display:inline-flex!important}

.v68-theme.theme-contact-stacked .v6x-contact-split{grid-template-columns:1fr!important;max-width:980px;margin-inline:auto}
.v68-theme.theme-contact-stacked .v6x-contact-info{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--grid-gap)!important}
.v68-theme.theme-contact-stacked .v6x-contact-brand{grid-column:1/-1}

/* Respect shadow and effect controls on home-page V4/V5 cards too. */
.v68-theme.theme-card-elevated :is(.v4-service-tile,.v4-product-card,.v4-team-mini,.v5-update-card,.v5-gallery-card,.v4-cert-stack-card){box-shadow:var(--theme-shadow)!important}
.v68-theme.theme-card-flat :is(.v4-service-tile,.v4-product-card,.v4-team-mini,.v5-update-card,.v5-gallery-card,.v4-cert-stack-card){box-shadow:none!important;border-color:transparent!important}
.v68-theme.theme-card-glass :is(.v4-service-tile,.v4-product-card,.v4-team-mini,.v5-update-card,.v5-gallery-card,.v4-cert-stack-card){background:color-mix(in srgb,var(--surface) 72%,transparent)!important;backdrop-filter:blur(var(--glass-blur)) saturate(125%);border-color:color-mix(in srgb,var(--border) 72%,transparent)!important}
.dark .v68-theme.theme-card-glass :is(.v4-service-tile,.v4-product-card,.v4-team-mini,.v5-update-card,.v5-gallery-card,.v4-cert-stack-card){background:color-mix(in srgb,var(--dark-surface) 72%,transparent)!important;border-color:color-mix(in srgb,var(--dark-border) 72%,transparent)!important}

/* Strong mobile guardrails: theme offsets and layout switches can never break the viewport. */
@media(max-width:900px){
  .v68-theme.theme-services-featured .v6x-service-grid,.v68-theme.theme-team-spotlight .v6x-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .v68-theme.theme-services-featured .v6x-service-card:first-child,.v68-theme.theme-team-spotlight .v6x-team-card:first-child{grid-column:span 2!important;grid-row:auto!important}
  .v68-theme.theme-projects-grid .v6x-project-masonry,.v68-theme.theme-media-cards .v6x-editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .v68-theme.theme-services-featured .v6x-service-grid,.v68-theme.theme-team-spotlight .v6x-team-grid,.v68-theme.theme-projects-grid .v6x-project-masonry,.v68-theme.theme-media-cards .v6x-editorial-grid,.v68-theme.theme-certificates-grid .v6x-certificate-track{grid-template-columns:1fr!important}
  .v68-theme.theme-services-featured .v6x-service-card:first-child,.v68-theme.theme-team-spotlight .v6x-team-card:first-child{grid-column:auto!important}
  .v68-theme.theme-services-featured .v6x-service-card:first-child,.v68-theme.theme-products-zigzag .v6x-product-card,.v68-theme.theme-media-cards .v6x-media-featured{grid-template-columns:1fr!important}
  .v68-theme.theme-products-zigzag .v6x-product-card:nth-child(even) .v6x-product-media,.v68-theme.theme-products-zigzag .v6x-product-card:nth-child(even) .v6x-product-body{order:initial}
  .v68-theme.theme-products-zigzag .v6x-product-media,.v68-theme.theme-team-spotlight .v6x-team-card:first-child .v6x-team-photo{min-height:240px!important}
  .v68-theme.theme-contact-stacked .v6x-contact-info{grid-template-columns:1fr!important}
  .v68-theme .v4-main>section>.site-container,.v68-theme .v4-main>div>.site-container{transform:translate(var(--offset-inline-mobile),var(--offset-y-mobile));max-width:100%}
}

/* ================================================================
   AL-TAJ CMS V6.8.1 — ABOUT PAGE LIGHT-MODE + TYPOGRAPHY REFINEMENT
   Purpose: keep V6 composition, restore contrast in light mode, and
   tune Arabic/English typography only on the About page components.
   ================================================================ */

/* The principles block is intentionally a dark corporate surface in
   both themes. V6.8 global card rules previously turned its cards into
   --surface in light mode while their text stayed white. */
.v68-theme .v6-about-principles.v6-section-ink{
  background:
    radial-gradient(circle at 82% 18%,color-mix(in srgb,var(--primary) 15%,transparent),transparent 30%),
    linear-gradient(145deg,color-mix(in srgb,var(--secondary) 20%,#11141a),#08090d 72%)!important;
  color:#fff!important;
}
.v68-theme .v6-about-principles .v6-section-heading h2,
.v68-theme .v6-about-principles .v6-principle-card h3,
.v68-theme .v6-about-principles .v6-values-grid strong{
  color:#fff!important;
}
.v68-theme .v6-about-principles .v6-section-heading>p{
  color:rgba(255,255,255,.66)!important;
}
.v68-theme .v6-about-principles .v6-principle-card{
  background:linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,255,255,.025))!important;
  border-color:rgba(255,255,255,.10)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.v68-theme .v6-about-principles .v6-principle-card:hover{
  background:linear-gradient(135deg,rgba(255,255,255,.085),color-mix(in srgb,var(--primary) 5%,transparent))!important;
  border-color:color-mix(in srgb,var(--primary) 48%,transparent)!important;
}
.v68-theme .v6-about-principles .v6-principle-index{
  background:#090a0e!important;
  border-color:rgba(255,255,255,.09)!important;
  color:var(--primary)!important;
}
.v68-theme .v6-about-principles .v6-principle-icon{
  background:var(--primary)!important;
  color:var(--button-text)!important;
}
.v68-theme .v6-about-principles .v6-goals-list li,
.v68-theme .v6-about-principles .v6-values-grid>div{
  background:rgba(255,255,255,.045)!important;
  border-color:rgba(255,255,255,.065)!important;
}
.v68-theme .v6-about-principles .v6-goals-list p{
  color:rgba(255,255,255,.78)!important;
}

/* Explicit light-theme text colors for the About sections that use
   normal/light surfaces. This prevents inherited white text from a
   previous dark component or theme mode. */
.v68-theme .v6-about-intro .v6-about-copy h2,
.v68-theme .v6-about-metrics .v6-metrics-copy h2,
.v68-theme .v6-about-proof .v6-section-heading h2,
.v68-theme .v6-about-partners .v6-section-heading h2{
  color:var(--text)!important;
}
.v68-theme .v6-about-intro .v6-about-copy>p,
.v68-theme .v6-about-metrics .v6-metrics-copy>p,
.v68-theme .v6-about-proof .v6-section-heading>p,
.v68-theme .v6-about-partners .v6-section-heading>p{
  color:var(--muted)!important;
}
.v68-theme .v6-about-metrics .v6-metric-ticker strong{
  color:var(--text)!important;
}
.v68-theme .v6-about-metrics .v6-metric-ticker small{
  color:var(--muted)!important;
}

/* Dark theme keeps the same hierarchy but uses the dark palette. */
.dark .v68-theme .v6-about-intro .v6-about-copy h2,
.dark .v68-theme .v6-about-metrics .v6-metrics-copy h2,
.dark .v68-theme .v6-about-proof .v6-section-heading h2,
.dark .v68-theme .v6-about-partners .v6-section-heading h2,
.dark .v68-theme .v6-about-metrics .v6-metric-ticker strong{
  color:var(--dark-text)!important;
}
.dark .v68-theme .v6-about-intro .v6-about-copy>p,
.dark .v68-theme .v6-about-metrics .v6-metrics-copy>p,
.dark .v68-theme .v6-about-proof .v6-section-heading>p,
.dark .v68-theme .v6-about-partners .v6-section-heading>p,
.dark .v68-theme .v6-about-metrics .v6-metric-ticker small{
  color:var(--dark-muted)!important;
}

/* About-page typography: stronger hierarchy without fighting the
   global Theme Profile controls. */
.v68-theme .v6-about-copy h2{
  font-size:clamp(var(--h2-mobile),3.35vw,var(--h2))!important;
  line-height:1.28!important;
  letter-spacing:calc(var(--heading-tracking) * .72)!important;
  max-width:17ch;
  margin-block:14px 20px!important;
}
.v68-theme .v6-about-copy>p{
  font-size:clamp(15px,1.22vw,var(--body))!important;
  line-height:max(1.9,var(--body-line))!important;
  max-width:68ch;
  text-align:start!important;
}
.v68-theme .v6-about-signature{
  font-size:clamp(10px,.85vw,12px)!important;
  line-height:1.7;
}
.v68-theme .v6-about-principles .v6-section-heading h2,
.v68-theme .v6-about-metrics .v6-metrics-copy h2,
.v68-theme .v6-about-proof .v6-section-heading h2,
.v68-theme .v6-about-partners .v6-section-heading h2{
  font-size:clamp(var(--h2-mobile),3.2vw,var(--h2))!important;
  line-height:1.28!important;
  letter-spacing:calc(var(--heading-tracking) * .7)!important;
}
.v68-theme .v6-about-principles .v6-section-heading>p,
.v68-theme .v6-about-proof .v6-section-heading>p,
.v68-theme .v6-about-partners .v6-section-heading>p{
  font-size:clamp(14px,1vw,var(--body))!important;
  line-height:max(1.85,var(--body-line))!important;
  max-width:52ch;
}
.v68-theme .v6-about-principles .v6-principle-card h3{
  font-size:clamp(19px,1.8vw,var(--h3))!important;
  line-height:1.75!important;
  font-weight:var(--h3-weight)!important;
  letter-spacing:0!important;
}
.v68-theme .v6-about-principles .v6-goals-list p{
  font-size:clamp(13px,1vw,calc(var(--body) - 1px))!important;
  line-height:1.9!important;
}
.v68-theme .v6-about-principles .v6-values-grid strong{
  font-size:clamp(13px,1vw,calc(var(--body) - 1px))!important;
  line-height:1.65!important;
}
.v68-theme .v6-about-metrics .v6-metric-ticker strong{
  font-family:var(--font-heading);
  font-size:clamp(22px,2vw,30px)!important;
  line-height:1.15!important;
}
.v68-theme .v6-about-metrics .v6-metric-ticker small{
  font-size:clamp(10px,.82vw,12px)!important;
  line-height:1.6!important;
}
.v68-theme .v6-about-proof .v6-proof-card>span b{
  font-size:clamp(11px,.9vw,13px)!important;
  line-height:1.55!important;
}
.v68-theme .v6-about-proof .v6-proof-card>span small{
  font-size:clamp(9px,.75vw,11px)!important;
  line-height:1.55!important;
}

/* Spacing and responsive refinement specific to About page. */
.v68-theme .v6-about-intro-grid{align-items:center}
.v68-theme .v6-about-copy{padding-inline:clamp(0px,1vw,14px)}
.v68-theme .v6-about-principles .v6-principle-flow{gap:clamp(14px,1.5vw,20px)}
.v68-theme .v6-about-principles .v6-principle-card{padding:clamp(20px,2.1vw,32px) clamp(20px,2.3vw,36px)!important}

@media(max-width:900px){
  .v68-theme .v6-about-copy h2{max-width:none}
  .v68-theme .v6-about-copy{padding-inline:0}
  .v68-theme .v6-about-principles .v6-principle-card h3{font-size:clamp(18px,2.8vw,var(--h3))!important}
}
@media(max-width:760px){
  .v68-theme .v6-about-copy h2,
  .v68-theme .v6-about-principles .v6-section-heading h2,
  .v68-theme .v6-about-metrics .v6-metrics-copy h2,
  .v68-theme .v6-about-proof .v6-section-heading h2,
  .v68-theme .v6-about-partners .v6-section-heading h2{
    font-size:var(--h2-mobile)!important;
    line-height:1.35!important;
  }
  .v68-theme .v6-about-copy>p{font-size:var(--body-mobile)!important;line-height:1.95!important}
  .v68-theme .v6-about-principles .v6-principle-card{padding:18px!important}
  .v68-theme .v6-about-principles .v6-principle-card h3{font-size:18px!important;line-height:1.75!important}
  .v68-theme .v6-about-principles .v6-goals-list p,
  .v68-theme .v6-about-principles .v6-values-grid strong{font-size:13px!important}
}