/*
Theme Name: HAWT
Description: Independent theme for Hull Animal Welfare Trust. WooCommerce animal profiles, ACF content and native responsive layouts.
Version: 1.0.0
Author: Blink Agency
Text Domain: hawt
Requires at least: 6.2
Requires PHP: 8.0
License: GPL-2.0-or-later
*/
@font-face{font-family:Rubik;src:url('assets/fonts/rubik-latin.woff2?v=2') format('woff2');font-style:normal;font-weight:300 900;font-display:swap}
:root{--navy:#122b4e;--blue:#0872b8;--gold:#ecad3c;--pink:#d81880;--purple:#431884;--ink:#30343b;--muted:#667381;--light:#f4f5f6;--line:#e3e7eb;--radius:14px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Rubik,Arial,sans-serif;font-size:16px;line-height:1.75;background:#fff}a{color:var(--blue);text-decoration:none}a:hover{color:var(--navy)}img{max-width:100%;height:auto;vertical-align:middle}svg{max-width:100%}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{touch-action:manipulation}button,summary{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}h1,h2,h3,h4{color:var(--navy);line-height:1.18;margin:0 0 .65em;font-weight:600}h1{font-size:clamp(32px,4vw,54px)}h2{font-size:32px}h3{font-size:25px}h4{font-size:21px}p{margin:0 0 1.25em}ul,ol{padding-left:1.4em}blockquote{border-left:4px solid var(--gold);margin:2rem 0;padding:1rem 2rem;background:var(--light)}.wrap{width:min(1170px,calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;left:15px;top:-120px;background:white;padding:12px;z-index:99999}.skip-link:focus{top:12px}.topbar{background:var(--navy);color:#fff;font-size:14px}.topbar-inner{display:flex;justify-content:space-between;align-items:center;min-height:39px}.topbar-inner>div{display:flex;align-items:center;gap:24px}.topbar a{color:#fff}.topbar .donate-link{background:var(--gold);padding:7px 24px;color:var(--navy);font-weight:600}.topbar .newsletter-link{background:var(--blue);padding:7px 18px}.topbar .social{font-size:12px}.navigation{display:grid;grid-template-columns:1fr 190px 1fr;align-items:center;gap:20px;min-height:146px}.site-logo{display:block;text-align:center}.site-logo img{width:158px;height:138px;object-fit:contain}.menu{list-style:none;display:flex;gap:26px;margin:0;padding:0}.menu a{color:inherit;display:block}.desktop-nav .menu{justify-content:space-between;gap:18px;font-size:14px;font-weight:500;line-height:1.4}.desktop-nav li{position:relative}.desktop-nav .menu>li>a{padding:20px 0}.desktop-nav a:hover{color:var(--blue)}.desktop-nav .sub-menu{display:none;position:absolute;z-index:50;top:100%;left:-20px;width:200px;list-style:none;background:#fff;box-shadow:0 8px 30px #122b4e26;padding:12px 20px;border-top:3px solid var(--gold)}.desktop-nav .sub-menu a{padding:10px 0}.desktop-nav li:hover>.sub-menu,.desktop-nav li:focus-within>.sub-menu{display:block}.menu-toggle{display:none;background:var(--navy);color:#fff;border:0;padding:9px 16px;border-radius:5px}.mobile-navigation[hidden]{display:none}.mobile-navigation .menu{display:flex;flex-direction:column;gap:0;padding:12px 24px 24px}.mobile-navigation .menu a{padding:9px 0}.mobile-navigation .sub-menu{list-style:none;font-size:14px}.home-hero{min-height:550px;background-image:linear-gradient(90deg,#10233c35,#10233c35),var(--hero-image);background-size:cover;background-position:center 46%;color:white;text-align:center;display:flex;align-items:center;padding:60px 0 140px}.home-hero h1{color:#fff;font-size:clamp(34px,4.1vw,60px);font-weight:700;margin-bottom:20px}.home-hero p{font-size:17px;line-height:1.6;max-width:980px;margin:0 auto}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;position:relative;margin-top:-120px;margin-bottom:35px;max-width:1000px;margin-inline:auto}.action-card{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:195px;border-radius:15px;padding:30px 20px 42px;color:#fff;text-align:center;transition:transform .2s}.action-card:hover{transform:translateY(-5px);color:white}.action-card h2{color:#fff;font-size:26px;margin:0}.purple{background:var(--purple)}.blue{background:#2775b7}.pink{background:#ce2e88}.action-icon{height:65px;font-size:66px;line-height:.9;margin-bottom:18px;display:block}.paw{width:64px;height:60px;fill:none;stroke:white;stroke-width:3}.round-arrow{border-radius:50%;position:absolute;bottom:-17px;left:calc(50% - 25px);background:var(--navy);width:50px;height:50px;line-height:42px;color:#fff;font-size:28px}.appointment-notice{max-width:1000px;margin:0 auto 30px;background:#e4b34f;padding:25px 35px;text-align:center;border-radius:4px;color:var(--navy);font-size:18px;font-weight:500}.appointment-notice p{margin:0;line-height:1.9}.section{padding:60px 0}.section-title{text-align:center;font-size:clamp(34px,4vw,54px);margin:0 0 40px}.adopt-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;max-width:920px;margin:auto}.adopt-card{border-radius:14px;overflow:hidden;display:block;background:#edf4f9;text-align:center;color:var(--navy);transition:box-shadow .2s}.adopt-card:hover{box-shadow:0 8px 25px #122b4e26}.adopt-card img{height:315px;width:100%;object-fit:contain;object-position:center bottom}.adopt-label{padding:19px 30px;display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:32px;background:var(--blue);color:#fff}.adopt-label>span{font-size:27px}.help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin:30px 0}.help-card{min-height:330px;padding:45px 35px;background:linear-gradient(90deg,#122b4e70,#122b4e40),var(--card-image) center/cover;border-radius:4px;color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.help-card h2{color:#fff;font-size:32px}.help-card p{line-height:1.6}.button,button[type=submit],input[type=submit],.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{display:inline-block;background:var(--blue);border:0;border-radius:30px;padding:12px 28px;color:#fff;line-height:1.5;font-weight:500;font-size:16px;cursor:pointer}.button:hover,button[type=submit]:hover,input[type=submit]:hover,.woocommerce a.button:hover,.woocommerce button.button:hover{background:var(--navy);color:#fff}.charity-shop{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.charity-shop img{width:100%;max-height:420px;object-fit:cover;border-radius:8px}.charity-shop p{font-size:19px;line-height:1.8}.charity-shop h2{font-size:32px}.post-grid,.animal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.story-card,.animal-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.card-image{display:block;position:relative;background:var(--light);overflow:hidden}.card-image img{width:100%;height:275px;object-fit:cover;transition:transform .25s}.card-image:hover img{transform:scale(1.03)}.card-content{padding:24px}.card-content h2{font-size:24px;margin:8px 0 12px}.card-content h2 a{color:var(--navy)}.card-content time{font-size:13px;color:var(--muted)}.card-content p{font-size:15px}.text-link{font-weight:500}.payroll-badge{text-align:center;padding:0 0 60px}.payroll-badge img{max-width:420px;max-height:200px;object-fit:contain}.home-extra-image{text-align:center}.home-extra-image img{max-height:450px;object-fit:contain}.site-footer{background:var(--navy) url('assets/images/footer-bg.jpg') center/cover;color:white;padding:55px 0 20px;text-align:center}.site-footer a{color:white}.footer-name{font-size:26px;font-weight:600}.site-footer p{margin:12px 0;font-size:14px}.site-footer .menu{justify-content:center;flex-wrap:wrap;gap:12px 25px;margin:30px 0;font-size:14px}.footer-bottom{border-top:1px solid #ffffff33;padding-top:15px;display:flex;gap:25px;justify-content:center;align-items:center;font-size:13px}.footer-bottom p{font-size:13px}.page-banner{background:linear-gradient(90deg,#122b4e60,#122b4e20),var(--banner-image) center/cover;min-height:290px;display:flex;align-items:center;color:white;text-align:center}.page-banner h1{color:#fff;text-shadow:0 1px 8px #0003}.page-banner a{color:#fff}.page-banner nav{font-size:14px}.page-content{padding-top:65px;padding-bottom:75px;min-height:350px}.entry-content{overflow-wrap:anywhere}.entry-content h2,.entry-content h3{margin-top:1.4em}.entry-content img{height:auto;max-width:100%}.entry-content iframe{max-width:100%;border:0}.entry-content .aligncenter{display:block;margin:24px auto}.entry-content .alignleft{float:left;margin:0 25px 20px 0}.entry-content .alignright{float:right;margin:0 0 20px 25px}.entry-content::after{content:'';display:table;clear:both}.content-row{display:flex;flex-wrap:wrap;gap:32px;margin-bottom:30px}.content-col{flex:1 1 0;min-width:0}.content-col.w-1-3{flex:1 1 28%}.content-col.w-2-3{flex:2 1 59%}.content-col.w-1-2{flex:1 1 43%}.content-col.w-5-12{flex:1 1 36%}.content-text{margin-bottom:24px}.content-text>h3:first-child{margin-top:0}.content-image{text-align:center;margin:24px 0}.content-image img{max-height:650px;object-fit:contain}.content-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.content-gallery img{width:100%;height:250px;object-fit:cover}.section-menu{padding:26px;background:#f2f0f0;border-radius:8px;position:sticky;top:20px}.section-menu ul{list-style:none;margin:0;padding:0}.section-menu a{display:block;padding:13px 0;border-bottom:1px solid #ddd;font-weight:500}.section-menu li:last-child a{border:0}.content-details{margin:0 0 14px;border:1px solid var(--line);border-radius:6px;overflow:hidden}.content-details summary{padding:18px 22px;background:var(--light);font-weight:500;color:var(--navy);font-size:18px}.content-details[open] summary{background:var(--blue);color:#fff}.details-body{padding:24px}.details-body h3:first-child{margin-top:0}.left-acc,.right-acc{width:48%;float:left}.right-acc{float:right}.clear{clear:both}.vac,.vac1{padding:18px 25px;background:#f4f4f4}.promise li{margin:12px 0}.pol-link,.donate{display:inline-block;border-radius:30px;background:var(--blue);padding:10px 25px;color:white;margin:15px 0}.trx_addons_contact_title{display:block;font-weight:600;color:var(--navy);margin-top:15px}.trx_addons_contact_descr{display:block}.contact-map{width:100%;height:420px;margin-top:25px}.story-content{max-width:900px}.post-date{color:var(--muted);font-size:14px}.featured-image{margin-bottom:35px}.featured-image img{width:100%;max-height:600px;object-fit:contain}.pagination,.nav-links{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:40px}.page-numbers{padding:7px 15px;border:1px solid var(--line);border-radius:4px}.page-numbers.current{background:var(--blue);color:white;border-color:var(--blue)}.animal-filters{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-bottom:35px}.animal-filters a{padding:9px 24px;border:1px solid var(--blue);border-radius:30px}.animal-filters a[aria-current=page]{background:var(--blue);color:white}.animal-badge{position:absolute;top:16px;left:16px;padding:5px 14px;background:var(--gold);color:var(--navy);border-radius:30px;font-size:14px;font-weight:600}.animal-summary{min-height:42px}.animal-card .button{padding:9px 22px;font-size:14px}.breadcrumbs{font-size:14px;margin-bottom:28px;color:var(--muted)}.animal-layout{display:grid;grid-template-columns:1fr 1fr;gap:45px}.animal-main-photo{position:relative}.animal-main-photo>img{width:100%;max-height:680px;object-fit:contain;background:var(--light);border-radius:10px}.animal-thumbnails{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.animal-thumbnails img{height:120px;width:100%;object-fit:cover;border-radius:5px}.animal-facts{margin:20px 0}.animal-facts>div{display:grid;grid-template-columns:42% 1fr;gap:15px;padding:12px 16px}.animal-facts>div:nth-child(odd){background:var(--light)}.animal-facts dt{font-weight:500;color:var(--navy)}.animal-facts dd{margin:0}.good-with-icons img{width:40px;height:40px;object-fit:contain;margin:5px}.rehome-cta{background:var(--gold);padding:35px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin:45px 0;border-radius:6px}.rehome-cta h2{font-size:28px;margin:0 0 8px}.rehome-cta p{margin:0}.rehome-cta .button{white-space:nowrap}.woocommerce .woocommerce-breadcrumb{margin-bottom:25px}.woocommerce ul.products li.product .price{color:var(--navy)}.woocommerce ul.products li.product .button{margin-top:15px}.woocommerce div.product .product_title{font-size:36px}.woocommerce .woocommerce-message,.woocommerce .woocommerce-info{border-top-color:var(--blue)}.woocommerce-info,.woocommerce-message,.woocommerce-error{padding:18px 24px;background:var(--light);border-top:3px solid var(--blue);margin:0 0 25px;list-style:none}.woocommerce table.shop_table{border:1px solid var(--line);border-radius:6px}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,input[type=text],input[type=email],input[type=password],input[type=tel],input[type=search],input[type=url],input[type=number],select,textarea{border:1px solid #cbd2d9;border-radius:5px;padding:11px 13px;max-width:100%;background:white;color:var(--ink)}.wpcf7 input:not([type=submit],[type=checkbox]),.wpcf7 textarea{width:100%}.wpcf7 label{font-weight:500}.wpcf7 textarea{max-height:200px}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hawt-newsletter-portal{max-width:1000px;margin:0 auto!important}.hawt-newsletter-card input{box-sizing:border-box}.hawt-newsletter-card h4{font-size:23px}.hawt-newsletter-grid{gap:24px!important}.hawt-newsletter-summary{font-size:18px}.hawt-newsletter-card{padding:30px!important}.wc-block-components-product-name{color:var(--navy)}
@media(max-width:1050px){.navigation{grid-template-columns:1fr 140px 1fr;gap:14px}.desktop-nav .menu{gap:12px;font-size:12px}.site-logo img{width:130px;height:120px}.action-card h2{font-size:23px}.card-image img{height:220px}.wrap{width:calc(100% - 40px)}}
@media(max-width:780px){body{font-size:16px}.wrap{width:calc(100% - 32px)}.topbar-inner{justify-content:center}.topbar-inner>div{gap:12px}.topbar-inner>div:first-child{display:none}.topbar{font-size:12px}.topbar .newsletter-link{padding:8px}.topbar .donate-link{padding:8px 15px}.desktop-nav{display:none}.navigation{display:flex;justify-content:space-between;min-height:112px}.site-logo img{width:115px;height:96px}.menu-toggle{display:block}.home-hero{min-height:420px;padding:45px 0 95px}.home-hero h1{font-size:39px}.home-hero p{font-size:16px}.action-grid{gap:12px;margin-top:-60px;margin-bottom:32px}.action-card{min-height:140px;padding:20px 10px 25px;border-radius:10px}.action-card h2{font-size:17px;line-height:1.3}.action-icon{height:43px;font-size:47px;margin-bottom:10px}.paw{width:42px;height:40px}.round-arrow{width:34px;height:34px;line-height:28px;bottom:-12px;left:calc(50% - 17px);font-size:23px}.appointment-notice{padding:20px 18px;font-size:15px}.section{padding:35px 0}.section-title{margin-bottom:25px}.adopt-grid{gap:16px}.adopt-card img{height:200px}.adopt-label{padding:12px 20px;font-size:26px}.help-grid{grid-template-columns:1fr;gap:20px}.help-card{min-height:285px;padding:30px}.charity-shop{grid-template-columns:1fr;gap:25px}.charity-shop p{font-size:17px}.post-grid,.animal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card-content{padding:20px}.card-content h2{font-size:22px}.card-image img{height:220px}.page-banner{min-height:240px}.page-content{padding-top:35px;padding-bottom:45px}.content-row{display:block}.content-col{width:100%;margin-bottom:25px}.section-menu{position:static}.content-gallery{grid-template-columns:repeat(2,1fr)}.content-gallery img{height:190px}.animal-layout{grid-template-columns:1fr;gap:30px}.animal-main-photo>img{max-height:550px}.rehome-cta{display:block;padding:25px}.rehome-cta .button{margin-top:20px}.footer-bottom{flex-wrap:wrap;gap:8px 22px}.footer-bottom p{width:100%;margin:8px 0}.site-footer .menu{gap:10px 20px}.woocommerce .col2-set .col-1,.woocommerce .col2-set .col-2{width:100%;float:none;margin-bottom:25px}.woocommerce div.product div.images,.woocommerce div.product div.summary{width:100%;float:none}}
@media(max-width:480px){.home-hero h1{font-size:32px}.home-hero{min-height:400px}.action-card h2{font-size:15px}.action-card{min-height:130px;padding-inline:6px}.action-grid{gap:8px}.adopt-card img{height:160px}.adopt-label{font-size:23px;padding:12px 16px}.post-grid,.animal-grid{grid-template-columns:1fr}.animal-card .card-image img{height:330px}.card-image img{height:250px}.animal-facts>div{grid-template-columns:1fr;gap:3px}.left-acc,.right-acc{width:100%;float:none}.content-gallery{gap:10px}.content-gallery img{height:145px}.details-body{padding:18px}.section-title{font-size:36px}.site-footer .menu{font-size:13px}.hawt-newsletter-card{padding:20px!important}.hawt-newsletter-grid{grid-template-columns:minmax(0,1fr)!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.payroll-badge img{max-width:min(420px,100%)}
.hawt-newsletter-portal .woocommerce-info::before,.hawt-newsletter-portal .woocommerce-message::before{display:none}

/* Full photographs for the adoption cards; keep faces and ears in frame. */
.adopt-card img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:50% 35%}

/* Ways to Help sidebar navigation. */
.page-id-986 .section-menu{position:static;padding:12px;background:#edf4f9;border:1px solid #dce7ef;border-radius:14px}
.page-id-986 .section-menu .menu{display:grid;gap:6px;margin:0;padding:0;list-style:none}
.page-id-986 .section-menu li{margin:0;padding:0}
.page-id-986 .section-menu a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;border:0;border-radius:8px;color:var(--navy);font-size:17px;line-height:1.4;font-weight:500;transition:background .15s,color .15s}
.page-id-986 .section-menu a::after{content:"→";font-size:21px;font-weight:400}
.page-id-986 .section-menu a:hover{background:#dceaf5;color:var(--navy)}
.page-id-986 .section-menu a[aria-current="page"]{background:var(--blue);color:#fff}
.page-id-986 .section-menu + .content-image{margin:24px 0 0}
.page-id-986 .section-menu + .content-image img{border-radius:10px}

/* Section navigation must stack independently of the horizontal header menu. */
.section-menu .menu{display:flex;flex-direction:column;gap:0;margin:0;padding:0;list-style:none}
.section-menu .menu li{width:100%;margin:0;padding:0}
.section-menu .menu a{display:block;white-space:normal;overflow-wrap:normal;word-break:normal;line-height:1.5}
/* Retain the dedicated Ways to Help card spacing. */
.page-id-986 .section-menu .menu{display:grid;gap:6px}
.page-id-986 .section-menu .menu a{display:flex}

/* Mobile utility bar and full-screen navigation. */
.mobile-header-bar{display:none}
.mobile-navigation[hidden]{display:none!important}
body.mobile-menu-open{overflow:hidden}
.mobile-navigation{position:fixed;inset:0;z-index:100000;background:var(--navy);color:#fff;overflow-y:auto;overscroll-behavior:contain;padding:34px 24px max(36px,env(safe-area-inset-bottom));text-align:center}
.mobile-navigation .site-logo{width:150px;margin:0 auto 24px}
.mobile-navigation .site-logo img{width:150px;height:auto}
.mobile-navigation .menu{display:flex;flex-direction:column;gap:0;padding:0;margin:0 auto;max-width:420px;list-style:none}
.mobile-navigation .menu a{display:block;padding:10px 6px;color:#fff;font-size:24px;font-weight:400;line-height:1.35;letter-spacing:1px;text-transform:uppercase}
.mobile-navigation .menu a:hover,.mobile-navigation .current-menu-item>a{color:var(--gold)}
.mobile-menu-close{position:absolute;right:16px;top:12px;width:44px;height:44px;padding:10px;background:none;border:0;color:#fff}
.mobile-menu-close svg,.mobile-header-bar svg{width:100%;height:100%;display:block}
.mobile-menu-close path,.menu-toggle path{fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round}
@media(max-width:780px){
.site-header>.topbar,.site-header>.navigation{display:none}
.mobile-header-bar{display:grid;grid-template-columns:1fr 2fr 2fr 1fr;height:56px;background:var(--navy)}
.mobile-header-bar>a,.mobile-header-bar>.menu-toggle{display:flex;align-items:center;justify-content:center;color:white;margin:0;border:0;border-radius:0;padding:0;min-width:0;font-size:17px;letter-spacing:.3px}
.mobile-header-bar .mobile-donate{background:var(--gold)}
.mobile-header-bar .mobile-about{background:var(--blue)}
.mobile-header-bar .mobile-phone svg{width:28px;height:28px}
.mobile-header-bar .menu-toggle{background:var(--navy)}
.mobile-header-bar .menu-toggle svg{width:27px;height:27px}
}

/* Animal compatibility icons retain the selections on each animal record. */
.good-with-icons{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:14px 0 18px}
.good-with-icons img{display:block;width:28px;height:28px;margin:0;object-fit:contain}
.animal-icon-key{display:flex;flex-wrap:wrap;gap:12px 22px;margin:20px 0 28px;color:var(--navy);font-size:15px}
.animal-icon-key>span{display:inline-flex;align-items:center;gap:7px}
.animal-icon-key img{width:28px;height:28px}