/*
Theme Name: Refurbished Mobile Child
Theme URI: https://scholarships.life
Author: CT — Cool Trends
Description: Child theme for Refurbished Mobile — Mobilehub. Footer + homepage styling.
Template: refurbished-mobile
Version: 1.0.4
Requires PHP: 7.4
Text Domain: refurbished-mobile-child
*/
.mh-wrap{max-width:1200px;margin:0 auto;padding:0 22px}
.mh-footer{background:var(--rm-ink,#0f1b2d);color:#c7cede;margin-top:50px}
.mh-footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px;padding:48px 22px 34px;max-width:1200px;margin:0 auto}
.mh-fbrand .mh-flogo{font-size:20px;font-weight:800;color:#fff;letter-spacing:-.02em;margin-bottom:10px}
.mh-fbrand p{font-size:13.5px;line-height:1.6;color:#aab3c5;margin:0 0 16px;max-width:320px}
.mh-news{display:flex;gap:8px;max-width:340px}
.mh-news input{flex:1;height:42px;border:0;border-radius:10px;padding:0 14px;font-size:14px;background:#1e2b3f;color:#fff}
.mh-news input::placeholder{color:#8b97a9}
.mh-news button{height:42px;padding:0 18px;border:0;border-radius:10px;background:var(--rm-acc,#0d7a58);color:#fff;font-weight:700;cursor:pointer}
.mh-fcol h4{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;margin:0 0 14px}
.mh-fmenu{list-style:none;margin:0;padding:0}
.mh-fmenu li{margin:8px 0}
.mh-fmenu a{color:#aab3c5;text-decoration:none;font-size:14px}
.mh-fmenu a:hover{color:#fff}
.mh-footer-pay{border-top:1px solid rgba(255,255,255,.08);padding:16px 22px;max-width:1200px;margin:0 auto}
.mh-footer-pay .rma-payrow{padding:0}
.mh-footer-pay .rma-pay-pill{background:#1e2b3f;border-color:#2a3a52;color:#dfe4ec}
.mh-footer-bottom{border-top:1px solid rgba(255,255,255,.08)}
.mh-footer-bottom .mh-wrap{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 22px;font-size:13px;color:#8b97a9}
.mh-legal{list-style:none;display:flex;gap:16px;margin:0;padding:0;flex-wrap:wrap}
.mh-legal a{color:#aab3c5;font-size:13px;text-decoration:none}
.mh-legal a:hover{color:#fff}
.mh-home{max-width:1200px;margin:0 auto;padding:26px 22px 50px}
.mh-home .wp-block-heading{color:var(--rm-ink,#0f1b2d)}
.mh-home > .wp-block-group,.mh-home > .wp-block-columns{margin:0 0 28px}
.mh-hero{border-radius:18px;overflow:hidden;padding:44px 40px!important;background:linear-gradient(120deg,#0f2f27 0%,#0d7a58 62%,#12a074 100%);color:#fff}
.mh-hero .wp-block-heading,.mh-hero p{color:#fff}
.mh-hero .mh-eyebrow{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#a9ecd2!important;margin:0 0 8px}
.mh-hero h1{font-size:34px;line-height:1.12;margin:0 0 12px;max-width:640px}
.mh-hero p:not(.mh-eyebrow){font-size:16px;color:#d5efe5!important;max-width:560px;margin:0 0 22px}
.mh-hero .wp-block-button__link{background:#fff;color:#095a41!important;border-radius:11px;font-weight:700}
.mh-hero .wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:#fff!important;border:1px solid rgba(255,255,255,.55)}
.mh-h2{font-size:24px;font-weight:800;margin:6px 0 8px}
.mh-lead{color:#5b6472;max-width:680px;margin:0 0 6px}
.mh-usps .wp-block-column,.mh-cats .wp-block-column,.mh-prods .wp-block-column,.mh-cond .wp-block-column,.mh-why .wp-block-column,.mh-guides .wp-block-column{background:#fff;border:1px solid #e7e9ee;border-radius:14px;padding:16px}
.mh-usps p,.mh-cats p,.mh-why p{margin:0;font-size:13.5px;color:#3d4655}
.mh-usps strong,.mh-cats strong,.mh-why strong,.mh-cond strong{color:#0f1b2d}
.mh-ph{background:linear-gradient(135deg,#eef2f6,#e2e8f0);border-radius:10px;min-height:120px;margin:0 0 12px}
.mh-price{font-weight:800;color:#0f1b2d;font-size:17px}
.mh-badge{display:inline-block;background:#e9f6f1;color:#095a41;border:1px solid #cfeadd;border-radius:6px;font-size:11px;font-weight:700;padding:3px 8px;margin:0 0 4px}
.mh-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:middle}
.mh-trade{background:linear-gradient(120deg,#0f2f27,#0d7a58)!important;border-radius:16px;padding:32px 34px!important;color:#fff}
.mh-trade .wp-block-heading,.mh-trade p{color:#fff}
.mh-trade .wp-block-button__link{background:#fff;color:#095a41!important;border-radius:11px;font-weight:700}
.mh-reviews{background:#f6f7f9;border-radius:16px;padding:30px!important}
.mh-reviews blockquote{background:#fff;border:1px solid #e7e9ee;border-radius:12px;padding:16px;margin:0;border-left:0}
.mh-reviews cite{color:#6b7280;font-style:normal;font-weight:600;font-size:13px}
.mh-faq{background:#fff;border:1px solid #e7e9ee;border-radius:16px;padding:10px 26px!important}
.mh-faq h3{font-size:16px;margin:18px 0 4px}
.mh-cta{background:var(--rm-ink,#0f1b2d)!important;border-radius:16px;padding:44px!important;text-align:center;color:#fff}
.mh-cta .wp-block-heading,.mh-cta p{color:#fff}
.mh-cta h2{font-size:28px;margin:0 0 8px}
.mh-cta .wp-block-buttons{justify-content:center}
.mh-cta .wp-block-button__link{background:var(--rm-acc,#0d7a58);color:#fff!important;border-radius:11px;font-weight:700}
@media(max-width:900px){.mh-footer-top{grid-template-columns:1fr 1fr}.mh-hero h1{font-size:26px}}
@media(max-width:600px){.mh-footer-top{grid-template-columns:1fr}.mh-footer-bottom .mh-wrap{flex-direction:column;gap:8px}}


/* =======================================================
   Shop faceted filter bar (.mh-shopfilter)
   ======================================================= */
.mh-shopfilter{order:-1;flex:1 1 100%;width:100%;display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px;clear:both;margin:0 0 24px;padding:16px 18px;background:#fff;border:1px solid #e6e9ee;border-radius:16px;box-shadow:0 6px 20px rgba(16,32,24,.05)}
.mh-shopfilter .mh-sf-title{align-self:center;margin-right:2px;font-weight:700;font-size:.95rem;color:#0f2b20}
.mh-shopfilter .mh-sf-field{display:flex;flex-direction:column;gap:5px;font-size:.7rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:#6b7684}
.mh-shopfilter .mh-sf-field>span{padding-left:2px}
.mh-shopfilter select,.mh-shopfilter input[type=number]{font:inherit;font-size:.9rem;font-weight:500;text-transform:none;letter-spacing:0;color:#0f2b20;background:#f6f8fa;border:1px solid #dfe4ea;border-radius:10px;padding:9px 12px;min-height:42px;-webkit-appearance:none;appearance:none}
.mh-shopfilter select{padding-right:32px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7684' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center}
.mh-shopfilter select:focus,.mh-shopfilter input:focus{outline:none;border-color:#12704e;background:#fff;box-shadow:0 0 0 3px rgba(18,112,78,.12)}
.mh-shopfilter .mh-sf-pricewrap{display:flex;align-items:center;gap:6px}
.mh-shopfilter .mh-sf-pricewrap input{width:80px}
.mh-shopfilter .mh-sf-pricewrap em{font-style:normal;color:#98a2b0}
.mh-shopfilter .mh-sf-apply{align-self:flex-end;font:inherit;font-weight:700;font-size:.9rem;color:#fff;background:#12704e;border:0;border-radius:10px;padding:11px 20px;min-height:42px;cursor:pointer;transition:background .15s}
.mh-shopfilter .mh-sf-apply:hover{background:#0d5c40}
.mh-shopfilter .mh-sf-reset{align-self:center;margin-left:2px;font-size:.85rem;font-weight:600;color:#6b7684;text-decoration:underline}
.mh-shopfilter .mh-sf-reset:hover{color:#12704e}
@media(max-width:782px){
 .mh-shopfilter{gap:10px 12px;padding:14px}
 .mh-shopfilter .mh-sf-title{flex:1 1 100%}
 .mh-shopfilter .mh-sf-field{flex:1 1 44%}
 .mh-shopfilter select,.mh-shopfilter input[type=number]{width:100%}
 .mh-shopfilter .mh-sf-price{flex:1 1 100%}
 .mh-shopfilter .mh-sf-pricewrap input{flex:1;width:auto}
 .mh-shopfilter .mh-sf-apply{flex:1 1 100%}
}


/* =======================================================
   v1.0.4 — Design QA fixes (audit pass)
   ======================================================= */

/* 1. Remove phantom clearfix grid cell -> fixes empty first column */
.woocommerce ul.products::before,
.woocommerce ul.products::after{ content:none !important; display:none !important; }

/* 2. Homepage featured products = clean 4-up */
.mh-home ul.products.columns-4{ grid-template-columns:repeat(4,minmax(0,1fr)) !important; }
@media(max-width:1024px){ .mh-home ul.products.columns-4{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; } }

/* 3. Product-card badges: hide duplicate olive "Sale!", tidy condition label */
.woocommerce ul.products li.product .onsale{ display:none !important; }
.rm-card-badges{ display:flex; justify-content:space-between; align-items:flex-start; gap:8px; }
.rm-badge-cond{ font-size:10.5px !important; line-height:1.3; padding:4px 9px !important; white-space:nowrap; max-width:72%; overflow:hidden; text-overflow:ellipsis; }

/* 4. Fix broken block buttons on white sections */
.mh-cats .wp-block-button__link{ background:#0d7a58 !important; color:#fff !important; border:0 !important; border-radius:10px !important; font-weight:600; box-shadow:none !important; }
.mh-cats .wp-block-button__link:hover{ background:#0a6446 !important; }
.mh-guides .wp-block-button__link,
.mh-faq .wp-block-button__link{ background:#fff !important; color:#0d7a58 !important; border:1.5px solid #0d7a58 !important; border-radius:10px !important; font-weight:600; box-shadow:none !important; }
.mh-guides .wp-block-button__link:hover,
.mh-faq .wp-block-button__link:hover{ background:#0d7a58 !important; color:#fff !important; }

/* 5. FAQ readability: constrain line length */
.mh-faq p{ max-width:860px; }