/*
Theme Name: CAZIM Canada
Theme URI: https://www.cazim.ca/
Description: Lightweight block child theme for CAZIM Canada.
Author: CAZIM Canada
Template: extendable
Version: 1.3.5
Text Domain: cazim-canada
*/

:root { --cazim-shadow: 0 5px 18px rgba(10,31,28,.07); }
html { scroll-behavior: smooth; }
body,
.wp-site-blocks { overflow-x: hidden; background-color: #eef9f7; }
body.home { --wp--style--global--wide-size: 1280px; --wp--style--global--content-size: 840px; }
body.home .is-layout-constrained > .alignwide { width: min(1280px,calc(100% - 48px)) !important; max-width: 1280px !important; }
a, button, input, textarea { transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline: 3px solid #f2a900; outline-offset: 3px; }
.wp-site-blocks { padding: 0; }
.cazim-header { position: relative; z-index: 100; background-color: #eef9f7 !important; border-bottom: 1px solid rgba(10,31,28,.07); }
.cazim-logo img { width: 190px; height: auto; }
.wp-block-navigation a { text-decoration: none; font-weight: 500; }
.cazim-header .wp-block-navigation { gap: clamp(18px,2.2vw,34px); }
.cazim-header .wp-block-navigation a { font-size: clamp(1rem,1.15vw,1.15rem); }
.wp-block-navigation a:hover { color: var(--wp--preset--color--primary); }
.wp-block-navigation a[aria-current="page"] { color: var(--wp--preset--color--primary); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 6px; }
.wp-block-button__link,
.wpcf7-submit { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; font-weight: 600; cursor: pointer; box-shadow: none; }
.wp-block-button__link:hover,
.wpcf7-submit:hover { filter: brightness(.94); }
.cazim-source-hero { padding-top: clamp(52px,6vw,76px); }
.cazim-source-hero-copy { width: min(1760px,calc(100% - 48px)) !important; max-width: 1760px !important; padding: 0 24px clamp(40px,5vw,56px); }
body.home .cazim-source-hero.is-layout-constrained > .cazim-source-hero-copy { position: relative; left: 50%; width: min(1680px,calc(100vw - 120px)) !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box; transform: translateX(-50%); }
.cazim-source-hero-copy h1 { max-width: none; margin-left: auto; margin-right: auto; font-size: clamp(2.75rem,4vw,4.5rem); white-space: nowrap; text-wrap: nowrap; }
.cazim-source-hero-copy p { max-width: none; margin-left: auto; margin-right: auto; white-space: nowrap; }
.cazim-source-hero-copy .wp-block-button__link { background: #37ada4; color: #0a1f1c; }
.cazim-source-hero-image,
.cazim-contact-image { width: min(calc(100% - 48px),1920px) !important; max-width: 1920px !important; margin: 0 auto !important; }
body.home .cazim-source-hero.is-layout-constrained > .cazim-source-hero-image { position: relative; left: 50%; width: min(1680px,calc(100vw - 120px)) !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; transform: translateX(-50%); }
.cazim-source-hero-image img,
.cazim-contact-image img { display: block; width: 100%; height: auto; aspect-ratio: 2560/1210; object-fit: cover; border-radius: 12px; }
.cazim-section { padding-top: clamp(56px,7vw,80px); padding-bottom: clamp(56px,7vw,80px); }
.cazim-section-sm { padding-top: clamp(40px,5vw,56px); padding-bottom: clamp(40px,5vw,56px); }
.cazim-section-intro { max-width: 740px; margin-left: auto; margin-right: auto; }
.cazim-reading { max-width: 760px !important; }
.cazim-faq-hero { padding-top: clamp(64px,8vw,96px); padding-bottom: clamp(48px,6vw,72px); }
.cazim-faq-list { max-width: 920px !important; }
.cazim-faq-item { margin-bottom: 16px; padding: 0 24px; overflow: hidden; background: #fff; border: 1px solid var(--wp--preset--color--border); border-radius: 12px; box-shadow: var(--cazim-shadow); }
.cazim-faq-item summary { position: relative; padding: 22px 48px 22px 0; color: var(--wp--preset--color--primary); font-size: clamp(1.1rem,1.6vw,1.3rem); font-weight: 600; line-height: 1.35; cursor: pointer; list-style: none; }
.cazim-faq-item summary::-webkit-details-marker { display: none; }
.cazim-faq-item summary::after { content: "+"; position: absolute; top: 50%; right: 2px; width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; background: #e6f4f1; color: var(--wp--preset--color--primary); font-size: 1.4rem; line-height: 1; transform: translateY(-50%); transition: transform .2s ease, background-color .2s ease; }
.cazim-faq-item[open] summary::after { background: #d4ebe6; transform: translateY(-50%) rotate(45deg); }
.cazim-faq-item summary:focus-visible { outline: 3px solid #f2a900; outline-offset: 4px; }
.cazim-faq-item > p { margin: 0; padding: 0 0 24px; line-height: 1.7; }
.cazim-faq-cta { margin-top: 40px; padding: clamp(28px,4vw,44px); border-radius: 14px; }
.cazim-faq-cta > * { margin-top: 0; }
.cazim-card { height: 100%; background: #fff; border: 1px solid var(--wp--preset--color--border); border-radius: 12px; overflow: hidden; box-shadow: var(--cazim-shadow); }
.cazim-card > .wp-block-group { height: 100%; }
.cazim-card img { aspect-ratio: 4/3; object-fit: cover; width: 100%; }
.cazim-card-product img { aspect-ratio: 1/1; object-fit: contain; background: #f3faf8; }
.cazim-d3-products-image { width: min(68%, 420px); margin: 0 auto 20px; }
.cazim-d3-products-image img { display: block; width: 100% !important; height: auto !important; aspect-ratio: 1 / 1 !important; object-fit: contain !important; }
.cazim-product-card { display: flex; flex-direction: column; }
.cazim-product-grid { gap: 24px; align-items: stretch !important; }
body.page-id-13 .cazim-product-grid { position: relative; left: 50%; width: min(1600px,calc(100vw - 64px)) !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; transform: translateX(-50%); }
.cazim-product-grid > .wp-block-column { display: flex; }
.cazim-product-grid .cazim-product-card { width: 100%; min-width: 0; }
.cazim-product-image { position: relative; width: 100%; aspect-ratio: 1 / 1; margin: 0; overflow: hidden; background: linear-gradient(145deg,#f6fbfa,#eaf6f3); }
.cazim-product-image a { position: relative; display: block; width: 100%; height: 100%; cursor: pointer; overflow: hidden; }
.cazim-product-image img { display: block; box-sizing: border-box; width: 100% !important; height: 100% !important; padding: clamp(18px,3vw,32px); aspect-ratio: 1 / 1 !important; object-fit: contain !important; transition: transform .25s ease, filter .25s ease; }
.cazim-product-image a::after { content: "View product"; position: absolute; left: 50%; bottom: 20px; z-index: 2; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; padding: 0 20px; border-radius: 999px; background: rgba(10,31,28,.9); color: #fff; font-size: 15px; font-weight: 600; white-space: nowrap; opacity: 0; transform: translate(-50%,8px); transition: opacity .2s ease, transform .2s ease; }
.cazim-product-image a:hover img,
.cazim-product-image a:focus-visible img { transform: scale(1.035); filter: brightness(.9); }
.cazim-product-image a:hover::after,
.cazim-product-image a:focus-visible::after { opacity: 1; transform: translate(-50%,0); }
.cazim-product-image a:focus-visible { outline: 3px solid #f2a900; outline-offset: -5px; }
.cazim-product-body { display: flex; flex: 1; flex-direction: column; gap: 12px; padding: 24px 28px 30px; }
.cazim-product-body > * { margin-top: 0; margin-bottom: 0; }
.cazim-product-body h2 { font-size: clamp(1.35rem,2vw,1.7rem); line-height: 1.2; }
.cazim-product-body p:not(.cazim-eyebrow) { line-height: 1.65; }
.cazim-product-actions { margin-top: auto !important; padding-top: 8px; gap: 10px; }
.cazim-product-actions .wp-block-button__link { min-height: 46px; }
.cazim-trust-grid { margin-top: 40px; align-items: stretch !important; }
.cazim-trust-card { height: 100%; box-sizing: border-box; padding: 24px 20px; background: #fff; border: 1px solid var(--wp--preset--color--border); border-radius: 8px; }
.cazim-trust-card h3 { margin-top: 0; }
.cazim-why .cazim-trust-grid { display: grid !important; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; }
body.home .cazim-why.is-layout-constrained > .cazim-trust-grid { position: relative; left: 50%; width: min(1920px,calc(100vw - 48px)) !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; transform: translateX(-50%); }
.cazim-why .cazim-trust-grid > .wp-block-column { min-width: 0; }
.cazim-trust-card-visual { display: flex; flex-direction: column; min-height: 100%; padding: 0; overflow: hidden; border-radius: 14px; box-shadow: 0 8px 28px rgba(10,31,28,.08); }
.cazim-trust-card-visual .wp-block-image { width: 100%; height: auto; min-height: 0; aspect-ratio: 16 / 9; margin: 0; overflow: hidden; background: #eaf6f3; }
.cazim-trust-card-visual .wp-block-image img { display: block; width: 100% !important; height: 100% !important; aspect-ratio: 16 / 9 !important; object-fit: cover; transition: transform .25s ease; }
.cazim-trust-card-visual:hover .wp-block-image img { transform: scale(1.025); }
.cazim-trust-card-copy { display: flex; flex: 1; flex-direction: column; justify-content: flex-start; gap: 14px; padding: 24px; }
.cazim-trust-card-copy > * { margin-top: 0; margin-bottom: 0; }
.cazim-trust-card-copy h3 { font-size: clamp(1.3rem,1.6vw,1.6rem); line-height: 1.25; overflow-wrap: normal; word-break: normal; text-wrap: balance; }
.cazim-trust-card-copy p { font-size: 1rem; line-height: 1.65; }
.cazim-stats h2 { margin-bottom: 8px; font-size: clamp(2.5rem,5vw,3.5rem); font-weight: 600; }
.cazim-stats p { margin-top: 0; }
.cazim-product-hero img { max-height: 520px; object-fit: contain; }
.cazim-d3-feature-image { width: 100%; max-width: 886px; margin: 0 auto 32px; overflow: visible; }
.cazim-d3-feature-image img { display: block; width: 100% !important; max-width: 886px !important; height: auto !important; max-height: none !important; aspect-ratio: auto !important; object-fit: contain !important; }
.cazim-checks { list-style: none; padding-left: 0; }
.cazim-checks li { position: relative; padding-left: 30px; margin-bottom: 14px; }
.cazim-checks li:before { content:"✓"; position:absolute; left:0; top:0; color:var(--wp--preset--color--primary); font-weight:900; }
.cazim-contact-form { display:grid; gap:18px; }
.cazim-field { display:grid; gap:7px; }
.cazim-field label { font-weight: 600; }
.cazim-field .wpcf7-form-control-wrap { display:block; }
.cazim-field input, .cazim-field textarea { width:100%; box-sizing:border-box; border:1px solid #718b86; border-radius:8px; padding:11px 13px; min-height:48px; font:inherit; background:#fff; color:#0a1f1c; }
.cazim-field textarea { min-height:170px; resize:vertical; }
.cazim-consent label { display:flex; align-items:flex-start; gap:10px; }
.cazim-consent input { margin-top:5px; flex:0 0 auto; }
.cazim-captcha { padding: 12px 0; }
.wpcf7-submit { border:0; border-radius:8px; padding:10px 24px; background:#257c75; color:#fff; font:inherit; }
.wpcf7-not-valid-tip { margin-top:6px; color:#8d1717; font-size:.9rem; }
.wpcf7 form .wpcf7-response-output { margin:18px 0 0; padding:14px 16px; border-radius:8px; }
.cazim-footer a { color: inherit; }
@media (max-width: 1180px) { .cazim-why .cazim-trust-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 1180px) { .cazim-source-hero-copy h1, .cazim-source-hero-copy p { white-space: normal; text-wrap: balance; } }
@media (max-width: 1100px) { body.page-id-13 .cazim-product-grid { flex-wrap: wrap !important; } body.page-id-13 .cazim-product-grid > .wp-block-column { flex-basis: calc(50% - 12px) !important; } }
@media (max-width: 900px) { .cazim-trust-grid { flex-wrap: wrap !important; } .cazim-trust-grid > .wp-block-column { flex-basis: calc(50% - 12px) !important; } }
@media (max-width: 782px) {
  h1, .has-x-large-font-size { font-size: 31px !important; }
  h2 { font-size: 29px; }
  h3 { font-size: 24px; }
  .cazim-logo img { width: 148px; }
  .cazim-source-hero { padding-top: 44px; }
  .cazim-source-hero-copy { padding-left: 20px; padding-right: 20px; padding-bottom: 40px; }
  body.home .cazim-source-hero.is-layout-constrained > .cazim-source-hero-copy { width: calc(100vw - 24px) !important; }
  .cazim-source-hero-image, .cazim-contact-image { width: calc(100% - 24px) !important; }
  body.home .cazim-source-hero.is-layout-constrained > .cazim-source-hero-image { width: calc(100vw - 24px) !important; }
  body.home .is-layout-constrained > .alignwide { width: calc(100% - 24px) !important; }
  .cazim-section { padding-top: 48px; padding-bottom: 48px; }
  .cazim-section-sm { padding-top: 40px; padding-bottom: 40px; }
  .cazim-trust-grid > .wp-block-column { flex-basis: 100% !important; }
  .cazim-why .cazim-trust-grid { grid-template-columns: 1fr; }
  body.home .cazim-why.is-layout-constrained > .cazim-trust-grid { width: calc(100vw - 24px) !important; }
  .cazim-trust-card-copy { padding: 24px; }
  .cazim-product-grid { gap: 20px; }
  body.page-id-13 .cazim-product-grid { width: calc(100vw - 24px) !important; }
  body.page-id-13 .cazim-product-grid > .wp-block-column { flex-basis: 100% !important; }
  .cazim-product-image a::after { opacity: 1; transform: translate(-50%,0); bottom: 14px; }
  .wp-block-navigation__responsive-container-open { min-width:48px; min-height:48px; justify-content:center; }
}
@media (max-width: 560px) { .cazim-trust-card-copy { padding: 22px 20px 24px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } *, *:before, *:after { transition-duration:.01ms !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; } }