/* Maharah readability and photography improvements — 2026-10-08
   Intentionally loaded after the base theme and editable content remains native WP. */
:root{--mh-shadow:0 8px 25px rgba(8,35,62,.09)}
body.mh-body{font-size:16px;line-height:1.75;overflow-wrap:break-word}
.mh-wrap{width:min(calc(100% - 60px),1500px)}
.mh-header{z-index:100}
.mh-topbar,.mh-topbar-inner{min-height:37px}
.mh-topbar{font-size:12px}
.mh-top-links{gap:20px}
.mh-top-links .mh-top-outline{display:none}
.mh-mainnav{height:69px}
.mh-nav-inner{gap:22px}
.mh-logoname{font-size:30px}
.mh-logoname small{font-size:16px}
.mh-logo-img{max-height:53px;max-width:205px}
.mh-menu{gap:28px}
.mh-menu a{font-size:15px;padding:20px 0}
.mh-quote{font-size:14px;padding:11px 20px;border-radius:7px}
.mh-links{gap:16px}
.mh-search,.mh-links:hover .mh-search,.mh-links:focus-within .mh-search{
 width:165px;opacity:1;height:38px;background:#f5f7f9;border:1px solid #e1e6ed;
}
.mh-search input{font-size:12px}
.mh-search input::placeholder{color:#627286;opacity:1}
.mh-search:focus-within{outline:2px solid #c69062;outline-offset:2px}

.mh-hero{height:390px;min-height:390px}
.mh-hero-image{object-position:center 51%}
.mh-hero-overlay{background:linear-gradient(270deg,rgba(4,24,45,.95) 0%,rgba(5,29,52,.92) 25%,rgba(5,30,54,.76) 42%,rgba(8,36,55,.34) 60%,rgba(6,30,54,.08) 82%,transparent 100%)}
.mh-hero-layout{justify-content:flex-start;gap:45px}
.mh-hero-benefits{width:194px;gap:25px;flex:none;align-self:center}
.mh-hero-benefit{font-size:14px;white-space:normal;line-height:1.65;gap:13px}
.mh-hero-benefit strong{font-weight:800;display:block}
.mh-hero-benefit>span:first-child svg{width:34px;height:34px}
.mh-benefit-bar{display:none}
.mh-hero-copy{max-width:630px;flex:0 1 630px;min-width:0}
.mh-hero-kicker{font-size:16px;font-weight:700;line-height:1.7;letter-spacing:0}
.mh-hero h1{font-size:clamp(34px,3vw,45px);line-height:1.38;letter-spacing:-.025em;margin:10px 0 13px}
.mh-hero-copy p{font-size:16px;line-height:2;max-width:590px;margin-bottom:20px;color:#f3f6fa;font-weight:600}
.mh-hero-actions{gap:13px}
.mh-btn{min-height:46px;min-width:155px;padding:11px 20px;border-radius:7px;font-size:14px;line-height:1.4}
.mh-btn-accent{box-shadow:0 4px 14px rgba(2,21,39,.12)}

.mh-section{padding:28px 0 36px}
.mh-section-header{align-items:center;gap:22px;margin-bottom:19px}
.mh-section-header h2{font-size:27px;line-height:1.4;letter-spacing:-.02em;margin-bottom:3px}
.mh-section-header p{font-size:14px;line-height:1.8;color:#566579}
.mh-more{font-size:13px;padding:7px 14px;border-radius:6px}
.mh-services-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.mh-card-service{min-height:258px;border-radius:10px;box-shadow:0 5px 17px rgba(15,43,67,.08);border-color:#e3e8ec}
.mh-card-service .mh-card-photo{height:152px}
.mh-card-photo img{transition:transform .35s ease;object-position:center}
.mh-card-service:hover img,.mh-card-project:hover img{transform:scale(1.055)}
.mh-card-icon{width:46px;height:43px;top:120px;right:13px;border-radius:9px;box-shadow:0 2px 7px rgba(15,31,50,.18)}
.mh-card-service strong{font-size:16px;margin:10px 13px 0;padding-right:40px;min-height:26px;line-height:1.7}
.mh-card-service small{font-size:12px;line-height:1.85;font-weight:600;text-align:right;display:-webkit-box;-webkit-line-clamp:3;max-height:70px;margin:5px 13px 15px;color:#56657a}
.mh-card-service:focus-visible,.mh-card-project:focus-visible,.mh-post-card a:focus-visible{outline:3px solid #be804d;outline-offset:3px}

.mh-projects{background:linear-gradient(110deg,#faf9f7,#f4f1ed 55%,#faf9f7)}
.mh-projects-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.mh-card-project{height:185px;border-radius:9px}
.mh-card-project::after{background:linear-gradient(0deg,rgba(3,20,37,.89) 0%,rgba(3,22,42,.1) 65%,transparent 100%)}
.mh-project-name{font-size:15px;line-height:1.65;white-space:normal;bottom:14px;right:15px;left:37px;overflow:visible}
.mh-card-arrow{width:31px;height:31px;bottom:12px;left:10px}
.mh-photo-notice{font-size:12px;margin-top:10px;line-height:1.7;text-align:right;color:#776d66}

.mh-blog{padding-top:30px;padding-bottom:40px}
.mh-blog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.mh-post-card{min-height:214px;border-radius:10px;box-shadow:var(--mh-shadow);align-items:stretch;background:#fff}
.mh-post-image{width:42%;overflow:hidden}
.mh-post-image img{transition:transform .3s}
.mh-post-card:hover img{transform:scale(1.05)}
.mh-post-content{padding:12px;display:flex;flex-direction:column;align-items:stretch}
.mh-post-meta{font-size:10px;gap:5px;flex-wrap:wrap;line-height:1.7}
.mh-post-meta span{padding:2px 7px;border-radius:4px;background:#bb7a48}
.mh-post-content h3{font-size:15px;line-height:1.7;margin:9px 0 6px;-webkit-line-clamp:3}
.mh-post-content p{font-size:12px;line-height:1.8;-webkit-line-clamp:3;margin-bottom:9px;color:#59697d}
.mh-readmore{font-size:12px;margin-top:auto}
.mh-why{padding:22px 0}
.mh-why-title h2{font-size:23px}
.mh-why-title p{font-size:13px}
.mh-why-item{min-height:65px;gap:11px;padding:10px 16px}
.mh-why-item strong{font-size:13px;white-space:normal}
.mh-why-item span{font-size:11px}
.mh-footer{font-size:13px;padding-top:29px}
.mh-footer .mh-foot-brand p,.mh-foot-col>a{font-size:12px;line-height:1.9}
.mh-foot-col h3{font-size:15px}
.mh-footer-bottom{font-size:11px}
.mh-prose{font-size:17px;line-height:2.05}
.mh-prose h2{font-size:27px}
.mh-page-hero{padding:40px 0}
.mh-page-hero p{font-size:16px;line-height:1.9}
.mh-archive-grid{gap:21px}
.mh-blog-row img{height:210px}
.mh-blog-row h2{font-size:19px;line-height:1.6}
.mh-blog-row p{font-size:14px}
.mh-search-page input{font-size:16px}
.mh-page-content>.mh-services-grid .mh-card-photo{height:160px}
.mh-page-content>.mh-services-grid .mh-card-service{min-height:264px}
.mh-page-content>.mh-services-grid .mh-card-icon{top:130px}
.mh-page-content>.mh-projects-grid .mh-card-project{height:205px}

/* Readable links, button contrast and touch targets */
.mh-btn-accent,.mh-quote{background:linear-gradient(115deg,#93522a,#a96331);border-color:#9a592f;color:#fff!important}
.mh-btn-accent:hover,.mh-quote:hover{background:#85431f;color:#fff!important}
.mh-post-meta span{background:#92502a;color:#fff}
.mh-more,.mh-readmore,.mh-prose a{color:#915126}
.mh-top-links a{min-height:36px;padding-block:5px}
.mh-readmore{min-height:39px;padding-block:8px}
.mh-footer .mh-foot-col>a{min-height:36px;padding-block:5px}
.mh-search button,.mh-menu-toggle{min-width:42px;min-height:42px}
@media(min-width:1450px){
 .mh-wrap{width:min(calc(100% - 90px),1500px)}
 .mh-hero{height:415px}
 .mh-card-service .mh-card-photo{height:165px}
 .mh-card-service{min-height:268px}
 .mh-card-icon{top:133px}
}
@media(max-width:1500px){
 .mh-wrap{width:min(calc(100% - 42px),1230px)}
 .mh-menu{gap:18px}
 .mh-menu a{font-size:14px}
 .mh-search,.mh-links:hover .mh-search,.mh-links:focus-within .mh-search{width:120px}
 .mh-hero-benefits{width:175px}
 .mh-hero-layout{gap:26px}
 .mh-hero-copy{flex-basis:580px}
 .mh-services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .mh-card-service{min-height:270px}
 .mh-card-service .mh-card-photo{height:168px}
 .mh-card-icon{top:134px}
 .mh-projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .mh-card-project{height:190px}
 .mh-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mh-post-card{min-height:205px}
}
@media(max-width:820px){
 .mh-wrap{width:min(calc(100% - 34px),760px)}
 .mh-topbar,.mh-topbar-inner{min-height:36px}
 .mh-top-links{gap:9px}
 .mh-top-links>a:not(.mh-top-whatsapp){display:none}
 .mh-topbar{font-size:11px}
 .mh-mainnav{height:70px}
 .mh-links{top:106px;gap:14px}
 .mh-menu{gap:0}
 .mh-menu a{font-size:16px;padding:12px 0}
 .mh-search,.mh-links:hover .mh-search,.mh-links:focus-within .mh-search{width:100%;height:44px}
 .mh-search input{font-size:14px}
 .mh-hero{height:auto;min-height:420px}
 .mh-hero-overlay{background:linear-gradient(270deg,rgba(4,27,49,.89),rgba(5,33,55,.8) 65%,rgba(6,28,43,.48))}
 .mh-hero-layout{justify-content:flex-start;padding-block:55px;min-height:420px}
 .mh-hero-benefits{display:none}
 .mh-hero-copy{max-width:620px;flex:auto}
 .mh-hero h1{font-size:clamp(31px,5.5vw,43px)}
 .mh-hero-kicker{font-size:15px}
 .mh-hero-copy p{font-size:15px;line-height:1.95}
 .mh-section{padding:30px 0 35px}
 .mh-section-header h2{font-size:25px}
 .mh-section-header p{font-size:13px}
 .mh-services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .mh-card-service .mh-card-photo{height:145px}
 .mh-card-service{min-height:250px}
 .mh-card-icon{top:116px}
 .mh-card-service strong{font-size:15px}
 .mh-card-service small{font-size:12px}
 .mh-projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mh-card-project{height:175px}
 .mh-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mh-post-card{min-height:215px}
 .mh-footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
 .mh-wrap{width:calc(100% - 28px)}
 .mh-topbar{font-size:10px}
 .mh-location span{max-width:150px}
 .mh-top-whatsapp{font-size:11px!important}
 .mh-mainnav{height:66px}
 .mh-links{top:102px}
 .mh-logo .mh-logoname{font-size:25px}
 .mh-logo .mh-logoname small{font-size:14px}
 .mh-quote{display:none}
 .mh-hero{min-height:435px}
 .mh-hero-layout{padding-block:48px;min-height:435px}
 .mh-hero-image{object-position:38% center}
 .mh-hero-overlay{background:linear-gradient(270deg,rgba(3,23,42,.93),rgba(3,23,42,.77))}
 .mh-hero-copy{width:100%;max-width:100%;min-width:0;flex:1 1 auto}
 .mh-hero h1{font-size:clamp(28px,7.3vw,33px);line-height:1.45;margin:13px 0;overflow-wrap:normal}
 .mh-hero h1 span,.mh-hero h1 em{max-width:100%;white-space:normal}
 .mh-hero-actions .mh-btn{flex:1 1 135px;min-width:0}
 .mh-section-header{flex-wrap:wrap}
 .mh-hero-copy p{font-size:15px;line-height:1.95}
 .mh-hero-kicker{font-size:13px}
 .mh-hero-actions{gap:10px}
 .mh-btn{min-width:140px;min-height:45px;font-size:13px}
 .mh-section{padding:28px 0 32px}
 .mh-section-header{align-items:flex-start;gap:8px}
 .mh-section-header h2{font-size:22px}
 .mh-section-header p{font-size:12px;line-height:1.6}
 .mh-more{font-size:11px;padding:6px 8px}
 .mh-services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .mh-card-service{min-height:248px}
 .mh-card-service .mh-card-photo{height:135px}
 .mh-card-icon{top:106px;width:40px;height:38px;right:9px}
 .mh-card-service strong{font-size:14px;padding-right:31px;margin:10px 9px 0}
 .mh-card-service small{font-size:11px;line-height:1.75;margin:6px 9px 11px;-webkit-line-clamp:3;max-height:60px}
 .mh-projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
 .mh-card-project{height:155px}
 .mh-project-name{font-size:12px;right:9px;left:26px;bottom:9px}
 .mh-card-arrow{width:24px;height:24px;bottom:9px;left:7px}
 .mh-blog-grid{grid-template-columns:1fr;gap:13px}
 .mh-post-card{min-height:180px}
 .mh-post-image{width:41%}
 .mh-post-content{padding:9px}
 .mh-post-content h3{font-size:15px;margin:5px 0 4px}
 .mh-post-content p{font-size:12px;-webkit-line-clamp:2}
 .mh-post-meta{font-size:9px}
 .mh-why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mh-why-title h2{font-size:22px}
 .mh-why-item{min-height:90px;padding:9px;display:flex;align-items:flex-start}
 .mh-why-item strong{font-size:12px}
 .mh-why-item span{font-size:11px}
 .mh-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mh-archive-grid{grid-template-columns:1fr}
 .mh-page-content>.mh-services-grid .mh-card-photo{height:130px}
 .mh-page-content>.mh-services-grid .mh-card-service{min-height:252px}
 .mh-page-content>.mh-services-grid .mh-card-icon{top:102px}
 .mh-page-content>.mh-projects-grid .mh-card-project{height:170px}
 .mh-prose{font-size:16px}
 .mh-prose h2{font-size:23px}
}