/* fahadcare mobile polish (2026-10-03). Loaded last in master/auth/company-master layouts. */
:root{--fc-blue:#003b95;--fc-blue-2:#0a4fb8;--fc-soft:#f3f7fd;--fc-line:#e3e9f3;--fc-text:#1f2a37;--fc-muted:#5b6b82}

/* product images: no blue tint on any card */
.product .img-container:after{display:none!important}
.product .img-container{background:#f3f7fd}
.product .img-container img{object-fit:contain!important;width:100%;height:100%}

/* ---------- bottom navigation (mobile only) ---------- */
.foot-ernav{display:none}
@media (max-width:768px){
  footer{padding-bottom:calc(90px + env(safe-area-inset-bottom))!important}
  .foot-ernav{display:block!important;position:fixed;right:0;left:0;bottom:0;z-index:1030;background:#fff;border-top:1px solid var(--fc-line);box-shadow:0 -6px 20px rgba(0,30,80,.08);padding-bottom:env(safe-area-inset-bottom)}
  .foot-ernav ul{display:flex;margin:0;padding:0!important;list-style:none}
  .foot-ernav ul li{flex:1 1 0;width:auto!important;float:none!important;background:transparent!important;text-align:center}
  .foot-ernav ul li a{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:62px;line-height:1.2!important;border:0!important;color:#8a97ab!important;font-family:tajawalMedium!important;font-size:12px;padding:0!important;position:relative;text-decoration:none}
  .foot-ernav ul li a i{font-size:19px;line-height:1}
  .foot-ernav ul li a.active{color:var(--fc-blue)!important}
  .foot-ernav ul li a.active:before{content:"";position:absolute;top:0;width:28px;height:3px;border-radius:0 0 3px 3px;background:var(--fc-blue)}
  .foot-ernav ul li a:after{display:none!important}
}

@media (max-width:767.98px){
  /* ---------- header ---------- */
  nav.navbar{position:sticky;top:0;z-index:1020;background:#fff!important;box-shadow:0 2px 12px rgba(0,30,80,.06);padding-block:8px}
  nav .navbar-brand img{width:46px!important;height:auto}
  nav .login-btn,nav .register-btn{width:auto!important;height:36px!important;padding:0 12px!important;font-size:13px!important;border-radius:8px}
  nav .register-btn i{font-size:10px}
  nav .navbar-toggler{border:1px solid var(--fc-line)!important;border-radius:8px;width:38px;height:36px;display:flex;align-items:center;justify-content:center}
  nav .navbar-toggler-icon{width:20px;height:20px}

  /* ---------- typography + section rhythm ---------- */
  .container.pt-5.mt-5{padding-top:0!important;margin-top:40px!important}
  .section-title{font-size:22px!important;line-height:1.5;margin-bottom:10px}
  .section-paragraph{font-size:15px!important;line-height:1.85!important;color:var(--fc-muted)!important;margin-bottom:20px!important}

  /* ---------- hero ---------- */
  .main-slider{padding:28px 0 32px;background:linear-gradient(160deg,#003b95 0%,#0a4fb8 100%)}
  .main-slider .col-12.pt-5{padding-top:0!important}
  .main-slider h3{font-size:28px!important;margin-bottom:14px!important}
  .main-slider p{font-size:15px!important;line-height:1.9!important;opacity:.92;margin:0}
  .main-slider .btn{height:54px!important;font-size:18px!important;margin:24px 0 0!important;gap:12px!important;box-shadow:0 8px 20px rgba(0,0,0,.15)}
  .main-slider .btn img{width:20px!important;height:20px!important}

  /* ---------- outline "see more" + bootstrap primary buttons ---------- */
  .outline-btn{width:auto!important;min-width:200px;height:48px!important;font-size:16px!important;font-family:tajawalMedium!important;padding:0 24px!important;margin:24px auto 0!important;display:inline-flex!important;align-items:center;justify-content:center;border-radius:10px!important}
  .outline-btn img{width:18px!important;height:18px!important;margin-right:10px!important}
  .text-center .btn.btn-primary{background:#fff!important;color:var(--fc-blue)!important;border:1px solid var(--fc-blue)!important;border-radius:10px;height:46px;padding:0 24px;font-family:tajawalMedium;font-size:15px}

  /* ---------- card grids (home specialties, services, listings) ---------- */
  .proudesm .row>.col-6,.servicees>.col-6,.servicees .row>.col-6,.services-wrapper .row>[class*=col-]{padding:6px!important;margin:0!important}
  .proudesm .row>.col-6>a.btn{display:block;height:100%;padding:0!important;text-align:inherit;border:0}
  .product{height:100%;display:flex;flex-direction:column;margin-bottom:0!important;border:1px solid var(--fc-line)!important;border-radius:14px!important;padding:8px!important;background:#fff;box-shadow:0 2px 10px rgba(0,30,80,.05)}
  .product .img-container{height:120px!important;margin-bottom:10px!important;border-radius:10px!important;background:var(--fc-soft)}
  .product .title{height:auto!important;margin-bottom:4px}
  .product .title h3{font-size:15px!important;line-height:1.5;white-space:normal;overflow:visible}
  .product .title h4{font-size:15px;margin:2px 0 0}
  .product .text-desc,.product p{font-size:12.5px!important;line-height:1.6;color:var(--fc-muted)!important;height:auto!important;min-height:0!important;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:4px}
  .product .city-name{font-size:12px;margin-bottom:2px}
  .product .rate{margin-bottom:6px}
  .product .rate i{font-size:11px}
  .product>.btn,.product a.btn.btn-lg{margin-top:auto!important;height:42px!important;font-size:15px!important;border-radius:10px!important;width:100%!important;gap:8px}
  .product>.btn img{width:16px;height:16px}

  /* specialties / companies listing: two per row instead of one huge card */
  .specialist-item,.company-item{width:50%!important;padding:6px!important}
  .specialist-warpper .row>.col-lg-9 .row,.specialist-warpper .row.servicees{margin-inline:-6px}
  .filter-wrapper h3{font-size:24px!important;margin-block:20px 16px!important}

  /* ---------- cities grid ---------- */
  .locations-grid a{border-radius:10px!important}

  .locations-grid a h4{font-size:15px!important;padding:0 4px!important}

  /* ---------- steps / deal / faq ---------- */
  .service-steps .step{padding:20px 16px!important;margin-bottom:12px!important;display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;text-align:right}
  .service-steps .step span{width:44px!important;height:44px!important;font-size:20px!important;margin:0!important;flex:0 0 44px}
  .service-steps .step h4{font-size:18px!important;margin:0!important;flex:1}
  .service-steps .step p{flex-basis:100%;margin:6px 0 0;font-size:14px;color:var(--fc-muted)}
  .deal-banner{padding:24px 18px!important;margin-bottom:0!important;border-radius:16px!important;background:var(--fc-soft)!important}
  .deal-banner .btn{width:100%!important;height:50px!important;font-size:18px!important;margin:8px 0 0!important;border-radius:10px}
  .deal-banner .btn img{width:20px!important;height:20px!important}
  .question-accordion .accordion-item{border:1px solid var(--fc-line)!important;border-radius:12px!important;overflow:hidden;margin-bottom:10px}
  .question-accordion .accordion-button{font-size:15px!important;padding:14px 16px!important}

  /* ---------- footer ---------- */
  footer .links .social:empty{display:none}
  footer .rates{display:grid!important;grid-template-columns:1fr 1fr;gap:12px!important;margin-block:32px 28px!important}
  footer .rates li{background:rgba(255,255,255,.08);border-radius:14px;padding:14px 8px}
  footer .rates li:first-child{grid-column:1/-1}
  footer .rates h2{font-size:28px!important;margin-bottom:4px}
  footer .rates p{font-size:13px!important;margin:0;opacity:.9}
  footer .links h3{font-size:15px!important;font-family:tajawalBold!important;margin-top:8px}
  footer .links ul{margin-bottom:16px!important}

  /* ---------- about ---------- */
  .about-wrapper .about{margin-block:24px!important;padding:24px 20px!important;border-radius:16px}
  .about-wrapper .about h3{font-size:26px!important}
  .about-wrapper .about p{font-size:16px!important;line-height:1.9!important}
  .about-wrapper .message{padding:24px 18px!important;margin-bottom:14px!important;border-radius:16px}
  .about-wrapper .message i{width:64px!important;height:64px!important;font-size:26px!important}
  .ourMessage h3{font-size:22px!important}

  /* ---------- "was this page helpful" ---------- */
  .vote .d-flex{padding:16px!important;gap:12px!important}
  .vote p{font-size:14px}
  .vote p .btn{margin:0 6px!important;padding:6px 18px!important;font-size:14px!important}

  /* ---------- forms ---------- */
  .form-control,.form-select{min-height:46px;font-size:16px!important;border-radius:10px!important}
  textarea.form-control{min-height:110px}
  .contact-wrapper{margin-top:24px!important}
  .contact-wrapper h3{font-size:22px!important}

  /* ---------- single company / service ---------- */
  .single-company .product.main-product .img-container{width:120px!important;height:120px!important;margin-top:-60px!important;margin-right:16px!important;border-width:4px!important}
  .single-company .product.main-product .title h3{font-size:20px!important}
  .single-company .product.main-product p{font-size:15px!important;line-height:1.85}
  .breadcrumb{font-size:13px;margin-block:12px}
}
@media (max-width:767.98px){
  .single-company .product.main-product{border:0!important;box-shadow:none!important;padding:0!important;height:auto}
  .single-company .product.main-product p{display:block;-webkit-line-clamp:unset;overflow:visible;color:#161616!important}
  .single-company .product.main-product>.btn{height:50px!important}
}
@media (max-width:767.98px){
  .customers-slider .slick-slide{border:0!important;padding:6px!important}
  .customers-slider .product .img-container{height:150px!important}
  .customers-slider .product .btn.btn-lg{width:100%!important}
}
@media (max-width:767.98px){
  /* any single-column card grid -> two per row */
  .row>.col-12:has(>.product:not(.main-product)),.row>.col-12:has(>a.btn>.product){flex:0 0 auto;width:50%!important;padding:6px!important}
  a.btn:has(>.product){display:block!important;width:100%;height:100%;padding:0!important;text-align:start;border:0!important;white-space:normal}
  .single-company .cover-img{height:170px!important;border-radius:14px!important}
  .single-company .product.main-product .img-container{background:#fff;border-radius:50%!important}
  .single-company .product.main-product .img-container img{object-fit:contain;padding:10px}
  .single-company .row.pt-5.mt-5{padding-top:0!important;margin-top:36px!important}
  /* about */
  .about-wrapper .about p{width:100%!important;font-size:16px!important;margin-bottom:0!important}
  .about-wrapper .ourMessage .message{height:auto!important;margin-bottom:14px!important;text-align:center}
  .about-wrapper .ourMessage .message i{margin:4px auto 14px!important}
  .about-wrapper .ourMessage .message h6{font-size:20px!important;margin-bottom:8px!important}
  .about-wrapper .ourMessage .message p{margin-bottom:0!important;font-size:15px!important;line-height:1.85}
}
@media (max-width:767.98px){
  /* business */
  .business-wrapper{padding-top:28px!important}
  .business-wrapper h3{font-size:24px!important}
  .business-wrapper p{font-size:15px!important;margin-bottom:20px!important}
  .business-wrapper .service{padding:18px 16px!important;margin-bottom:12px!important;display:grid;grid-template-columns:44px 1fr;column-gap:12px;align-items:center}
  .business-wrapper .service i{width:44px!important;height:44px!important;font-size:20px!important;grid-row:span 2}
  .business-wrapper .service h6{font-size:17px!important;margin:0 0 4px!important}
  .business-wrapper .service p{margin:0!important;font-size:14px!important;color:var(--fc-muted)}
  .business-wrapper .sponsers-slider{margin-top:32px!important;padding:24px 0!important}
  .business-wrapper .sponsers-slider h3{font-size:22px!important;margin-bottom:16px!important}
  .sponsers-slider .slider .item img,.sponsers-slider .item img{max-height:110px;width:auto!important;margin:0 auto;object-fit:contain}
  .sponsers-slider .slick-track,.sponsers-slider .slick-list{height:auto!important}
  /* contact card */
  .contact-wrapper .col-lg-4>div,.contact-wrapper .contact-info{border-radius:16px}
}
/* company services page: .service-item cols sit directly in .services-wrapper (no .row) -> make it a grid row */
.services-wrapper:has(>.service-item){display:flex;flex-wrap:wrap;margin-inline:-6px}
.services-wrapper>.service-item{padding:6px;margin-bottom:6px}
@media (max-width:767.98px){.services-wrapper>.service-item{padding:6px!important;margin:0!important}}
.foot-ernav-spacer{display:none}
@media (max-width:768px){.foot-ernav-spacer{display:block;height:calc(70px + env(safe-area-inset-bottom))}}
/* cities: 3 equal square tiles per row (site + mobile) */
.locations-grid>.row{--bs-gutter-x:8px;--bs-gutter-y:8px}
.locations-grid a{height:auto!important;aspect-ratio:1/1;display:block;border-radius:10px;overflow:hidden}
.locations-grid a img{width:100%;height:100%;object-fit:cover}
@media (min-width:768px){.locations-grid a h4{font-size:18px!important}}
@media (max-width:767.98px){.locations-grid>.row{--bs-gutter-x:6px;--bs-gutter-y:6px}}