/*
Theme Name: Safa Alkaline Water
Description: Editable WordPress block theme for Safa. Core blocks, responsive layout and WhatsApp enquiries.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: safa-water
License: GPL-2.0-or-later
*/
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0}a{text-underline-offset:4px}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}.wp-site-blocks>header{position:sticky;top:0;z-index:99;background:#fff;box-shadow:0 2px 20px #073b6612}.admin-bar .wp-site-blocks>header{top:32px}.wp-site-blocks>main{margin-top:0}.safa-header{padding:18px max(5vw,20px);background:#fff}.safa-header .wp-block-columns{margin:0;align-items:center}.safa-header .wp-block-column:first-child{flex-basis:30%;flex-grow:0}.safa-wordmark{font-family:Georgia,serif;font-size:42px;font-weight:bold;font-style:italic;line-height:1;margin:0;color:#073b66}.safa-wordmark a{text-decoration:none;color:inherit}.safa-wordmark span{display:block;margin-top:8px;font:600 10px/1.2 "Segoe UI",sans-serif;letter-spacing:.23em}.safa-header .wp-block-navigation{font-size:14px;color:#073b66}.safa-hero{padding:60px 6%;background:linear-gradient(110deg,#f5fcff,#e2f5fa);margin-top:0!important}.safa-hero>.wp-block-columns{max-width:1250px!important;align-items:center;gap:65px;margin:0 auto}.safa-hero h1{font-size:clamp(2.7rem,5.1vw,5rem);line-height:1.08;letter-spacing:-.055em}.safa-hero .wp-block-image{margin:0}.safa-hero img{width:100%;border-radius:10px}.safa-hero figcaption{font-size:12px;color:#3c5a6a}.safa-kicker{font-size:12px;letter-spacing:.16em;font-weight:700;color:#12647c}.safa-intro{font-size:19px;max-width:450px}.safa-meta{font-size:11px;letter-spacing:.08em;border-top:1px solid #b8d7e4;padding-top:22px;margin-top:35px}.wp-block-buttons{gap:12px}.wp-block-button__link{padding:15px 22px;min-height:48px}.wp-block-button:not(.is-style-outline) .wp-block-button__link:after{content:'';display:inline-block;margin-left:17px;width:15px;height:15px;vertical-align:-2px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6' stroke='black' fill='none' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}.wp-block-button.is-style-outline .wp-block-button__link{color:#073b66;border:1px solid #82adbe;background:transparent}.safa-strip-wrap{background:#073b66;margin-top:0!important;padding:22px 20px}.safa-strip{color:white;text-align:center;font-size:12px;letter-spacing:.1em;margin:0}.safa-section{padding:80px 6%;margin-top:0!important}.safa-section>*{max-width:1200px!important}.safa-section h2{font-size:clamp(2rem,3.8vw,3.5rem);max-width:800px!important;margin:15px auto 35px 0!important}.safa-section h3{font-size:24px}.safa-section>.safa-kicker{margin-left:0!important}.safa-tint{background:#edf9fc}.safa-card{border:1px solid #c6e0e8;padding:30px;background:#fff;border-radius:8px;height:100%}.safa-card p:last-child{margin-bottom:0}.safa-number{color:#2b6e3b;font-weight:700;font-size:14px;letter-spacing:.1em}.safa-callout{padding:30px;border-left:3px solid #397f53;background:#edf9fc}.safa-note{font-size:13px;line-height:1.65;color:#36586a}.safa-section .wp-block-table{overflow-x:auto}.wp-block-table table{min-width:600px;border-collapse:collapse;font-size:14px}.wp-block-table th{background:#073b66;color:#fff}.wp-block-table td,.wp-block-table th{padding:20px;border:1px solid #c6dce5;text-align:left}.wp-block-details{border-bottom:1px solid #c4dce7;padding:20px 0}.wp-block-details summary{cursor:pointer;font-weight:600;color:#073b66;list-style:none;position:relative;padding-right:45px}.wp-block-details summary::-webkit-details-marker{display:none}.wp-block-details summary:after{content:'';position:absolute;right:0;top:0;width:30px;height:30px;border:1px solid #adcddc;border-radius:50%;background:linear-gradient(#073b66,#073b66) center/11px 1.5px no-repeat,linear-gradient(#073b66,#073b66) center/1.5px 11px no-repeat}.wp-block-details[open] summary:after{background:linear-gradient(#073b66,#073b66) center/11px 1.5px no-repeat}.safa-phone{font-size:27px;font-weight:600}.safa-footer{background:#062b4b;padding:55px 6%;color:#e1edf5}.safa-footer>*{max-width:1200px!important}.safa-footer h3,.safa-footer .safa-wordmark,.safa-footer a{color:#fff}.safa-footer .safa-note{color:#c8dce7}.safa-form{padding:30px;background:#fff;border:1px solid #c6dfe8;border-radius:8px}.safa-form h3{margin-top:0}.safa-form label{display:block;margin:0 0 17px;font-size:14px;font-weight:600}.safa-form input,.safa-form select,.safa-form textarea{display:block;width:100%;padding:12px;border:1px solid #b5d0df;border-radius:4px;background:#fcfeff;color:#123f58;margin-top:7px;font-size:16px}.safa-form button{width:100%;border:0;border-radius:5px;padding:15px;background:#075e54;color:white;font-weight:600;cursor:pointer}.safa-form input:focus,.safa-form select:focus,.safa-form textarea:focus{outline:2px solid #086b8b;outline-offset:2px}.safa-form .safa-note{margin-bottom:0}.safa-form-status a{font-weight:600}.wp-block-post-template{list-style:none}.wp-block-post-template>li{padding-bottom:30px;border-bottom:1px solid #c6e0e8;margin-bottom:30px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #1387b2;outline-offset:5px}.editor-styles-wrapper .safa-header{position:static}.safa-edit-hint{border:1px dashed #7d9eac;padding:12px;background:#f3f9fc}
@media(max-width:782px){.admin-bar .wp-site-blocks>header{top:46px}.safa-header{padding:16px 5%}.safa-header .wp-block-columns{flex-wrap:nowrap!important;gap:12px}.safa-header .wp-block-column{flex-basis:auto!important}.safa-header .wp-block-column:last-child{flex-grow:1}.safa-wordmark{font-size:34px}.safa-hero{padding:38px 6%}.safa-hero>.wp-block-columns{gap:25px}.safa-hero h1{font-size:2.9rem}.safa-hero img{max-height:470px;object-fit:contain}.safa-section{padding:50px 6%}.safa-card{padding:25px}.safa-form{padding:22px}.safa-intro{font-size:17px}.safa-section h2{margin-bottom:25px!important}.safa-phone{font-size:23px}.safa-header .wp-block-navigation__responsive-container.is-menu-open{background:white;color:#073b66}.safa-strip{line-height:2}.safa-meta{font-size:10px}}
@media(max-width:600px){.admin-bar .wp-site-blocks>header{top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}