/*
Theme Name: Homey Child
Theme URI: http://themeforest.net/user/favethemes/
Author: Favethemes
Author URI: http://themeforest.net/user/favethemes/
Description: Homey is a powerful booking platform that lets you run a residential or commercial
rental business online with no hassle
Version: 1.0.0
Tags: right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, post-formats, theme-options, translation-ready
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: homey
Template: homey
*/


/* Your CSS code goes here
-------------------------------------- */

/* =========================================================
   LOCALÍA — Professional profile + global footer
   ========================================================= */

body.single-experience {
    background: #f4f6f5;
    color: #202428;
}

/* Legacy Homey widget footer is retained in the DOM for its hooks,
   but is no longer the visible site footer. */
body:not(.page-id-8409) .footer-wrap.footer {
    display: none !important;
}

.localia-professional-page,
.localia-professional-page * {
    box-sizing: border-box;
}

.localia-professional-page {
    --lp-ink: #202428;
    --lp-muted: #667076;
    --lp-navy: #123f4d;
    --lp-navy-dark: #0d3340;
    --lp-accent: #c66b4e;
    --lp-accent-dark: #ac573e;
    --lp-soft: #f4f6f5;
    --lp-pale: #eef5f6;
    --lp-line: #d8dfe0;
    --lp-white: #ffffff;
    width: 100%;
    background: var(--lp-soft);
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

.lp-shell {
    width: min(1180px, calc(100% - 52px));
    margin: 0 auto;
}

.lp-hero {
    padding: 34px 0 46px;
    background: #ffffff;
    border-bottom: 1px solid var(--lp-line);
}

.lp-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(340px, .8fr);
    gap: 38px;
    align-items: stretch;
}

.lp-hero-media {
    min-height: 430px;
    border-radius: 20px;
    overflow: hidden;
    background: #e8eceb;
}

.lp-hero-image,
.lp-related-media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.lp-image-placeholder {
    width: 100%;
    height: 100%;
    min-height: 220px;
    background: linear-gradient(135deg, #e9eeec, #dbe5e2);
}

.lp-summary {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 34px 8px;
}

.lp-kicker-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 17px;
}

.lp-category,
.lp-demo-badge {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 10px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.lp-category {
    background: var(--lp-pale);
    color: var(--lp-navy);
}

.lp-demo-badge {
    background: #fbefe9;
    color: #9f4c35;
}

.lp-summary h1 {
    margin: 0 0 12px;
    color: var(--lp-ink);
    font-size: clamp(34px, 4vw, 54px);
    line-height: 1.02;
    letter-spacing: -.045em;
    font-weight: 760;
}

.lp-area {
    margin: 0 0 26px;
    color: var(--lp-muted);
    font-size: 15px;
    line-height: 1.55;
}

.lp-meta-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 20px;
}

.lp-meta-item {
    padding: 15px 16px;
    border: 1px solid var(--lp-line);
    border-radius: 12px;
    background: #fff;
}

.lp-meta-item span {
    display: block;
    margin-bottom: 6px;
    color: #7d878b;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.lp-meta-item strong {
    display: block;
    color: var(--lp-ink);
    font-size: 13px;
    line-height: 1.4;
}

.lp-demo-note {
    margin: 0 0 18px;
    padding: 12px 14px;
    border-left: 3px solid var(--lp-accent);
    background: #fff8f4;
    color: #805746;
    font-size: 12px;
    line-height: 1.55;
}

.lp-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 0 22px;
    border-radius: 10px;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 800;
    transition: .2s ease;
}

.lp-button-primary {
    background: var(--lp-accent);
    color: #fff !important;
}

.lp-button-primary:hover {
    background: var(--lp-accent-dark);
    color: #fff !important;
}

.lp-button-secondary {
    border: 1px solid var(--lp-line);
    background: #fff;
    color: var(--lp-navy) !important;
}

.lp-button-secondary:hover {
    border-color: var(--lp-navy);
    color: var(--lp-navy) !important;
}

.lp-body {
    padding: 56px 0 68px;
}

.lp-content-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 64px;
    align-items: start;
}

.lp-main {
    min-width: 0;
}

.lp-section {
    padding: 0 0 42px;
    margin: 0 0 42px;
    border-bottom: 1px solid var(--lp-line);
}

.lp-section:last-child {
    margin-bottom: 0;
}

.lp-eyebrow {
    margin-bottom: 8px;
    color: #768186;
    font-size: 10px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.lp-section h2,
.lp-related h2 {
    margin: 0 0 18px;
    color: var(--lp-ink);
    font-size: 30px;
    line-height: 1.1;
    letter-spacing: -.035em;
    font-weight: 750;
}

.lp-copy {
    color: #4f585c;
    font-size: 15px;
    line-height: 1.78;
}

.lp-copy p:last-child {
    margin-bottom: 0;
}

.lp-chip-list {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.lp-chip {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 0 13px;
    border: 1px solid #cdd8da;
    border-radius: 999px;
    background: #fff;
    color: var(--lp-navy);
    font-size: 12px;
    font-weight: 700;
}

.lp-chip-soft {
    background: var(--lp-pale);
    border-color: transparent;
}

.lp-side {
    position: relative;
}

.lp-quote-card {
    position: sticky;
    top: 28px;
    padding: 26px;
    border-radius: 18px;
    background: var(--lp-navy);
    color: #fff;
    box-shadow: 0 18px 45px rgba(13, 51, 64, .12);
}

.lp-quote-card .lp-eyebrow {
    color: #a7c7cf;
}

.lp-quote-card h3 {
    margin: 0 0 12px;
    color: #fff;
    font-size: 25px;
    line-height: 1.14;
    letter-spacing: -.03em;
    font-weight: 740;
}

.lp-quote-card p {
    margin: 0 0 20px;
    color: rgba(255,255,255,.74);
    font-size: 13px;
    line-height: 1.65;
}

.lp-quote-card .lp-button {
    width: 100%;
    margin-top: 9px;
}

.lp-quote-card .lp-button-secondary {
    border-color: rgba(255,255,255,.22);
    background: transparent;
    color: #fff !important;
}

.lp-quote-card .lp-button-secondary:hover {
    border-color: rgba(255,255,255,.5);
}

.lp-section-head {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: flex-end;
}

.lp-review-list {
    display: grid;
    gap: 12px;
}

.lp-review,
.lp-empty-state {
    padding: 20px;
    border: 1px solid var(--lp-line);
    border-radius: 14px;
    background: #fff;
}

.lp-review-head {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 9px;
}

.lp-review-head strong {
    font-size: 13px;
    color: var(--lp-ink);
}

.lp-review-head span {
    color: #8b9498;
    font-size: 11px;
}

.lp-review p {
    margin: 0;
    color: #596267;
    font-size: 13px;
    line-height: 1.65;
}

.lp-empty-state strong,
.lp-empty-state span {
    display: block;
}

.lp-empty-state strong {
    margin-bottom: 5px;
    color: var(--lp-ink);
    font-size: 14px;
}

.lp-empty-state span {
    color: #7a8488;
    font-size: 12px;
}

.lp-related {
    padding: 56px 0 74px;
    background: #fff;
    border-top: 1px solid var(--lp-line);
}

.lp-related-head {
    margin-bottom: 22px;
}

.lp-related-head h2 {
    margin-bottom: 0;
}

.lp-text-link {
    color: var(--lp-navy) !important;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none !important;
}

.lp-related-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.lp-related-card {
    display: block;
    overflow: hidden;
    border: 1px solid var(--lp-line);
    border-radius: 16px;
    background: #fff;
    color: inherit !important;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.lp-related-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 32px rgba(18, 63, 77, .08);
}

.lp-related-media {
    height: 205px;
    background: #e8eceb;
}

.lp-related-copy {
    padding: 16px 17px 18px;
}

.lp-related-copy strong,
.lp-related-copy span {
    display: block;
}

.lp-related-copy strong {
    color: var(--lp-ink);
    font-size: 15px;
    line-height: 1.4;
}

.lp-related-copy span {
    margin-top: 7px;
    color: #7d878b;
    font-size: 11px;
    line-height: 1.45;
}

/* Global LOCALÍA footer, matched to the homepage system */
.la-footer {
    width: 100%;
    padding: 54px 0 0;
    background: #123f4d;
    color: #fff;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

.la-footer-wrap {
    width: min(1180px, calc(100% - 52px));
    margin: 0 auto;
}

.la-footer-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1fr;
    gap: 34px;
    padding-bottom: 42px;
}

.la-footer h3 {
    margin: 0 0 12px;
    font-size: 24px;
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: -.03em;
}

.la-footer h3 a {
    padding: 0 !important;
    color: #fff !important;
    font-size: inherit !important;
}

.la-footer h4 {
    margin: 2px 0 14px;
    color: #9fc1ca;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.la-footer p {
    max-width: 330px;
    margin: 0;
    color: rgba(255,255,255,.72);
    font-size: 12.5px;
    line-height: 1.65;
}

.la-footer a {
    display: block;
    padding: 5px 0;
    color: rgba(255,255,255,.82) !important;
    font-size: 12.5px;
    text-decoration: none !important;
}

.la-footer a:hover {
    color: #e59a7f !important;
}

.la-footer-bottom {
    border-top: 1px solid rgba(255,255,255,.13);
    padding: 16px 0 18px;
}

.la-footer-bottom-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}

.la-footer-copy {
    color: rgba(255,255,255,.55);
    font-size: 10.5px;
}

.la-footer-legal {
    display: flex;
    gap: 16px;
}

.la-footer-legal a {
    padding: 0;
    color: rgba(255,255,255,.62) !important;
    font-size: 10.5px;
}

@media (max-width: 900px) {
    .lp-hero-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .lp-hero-media {
        min-height: 360px;
    }

    .lp-summary {
        padding: 8px 0 0;
    }

    .lp-content-grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .lp-quote-card {
        position: static;
    }

    .lp-related-grid {
        grid-template-columns: 1fr 1fr;
    }

    .la-footer-grid {
        grid-template-columns: 1fr 1fr;
    }

    .la-footer-brand {
        grid-column: 1 / -1;
    }
}

@media (max-width: 700px) {
    .lp-shell,
    .la-footer-wrap {
        width: calc(100% - 36px);
    }

    .lp-hero {
        padding: 18px 0 30px;
    }

    .lp-hero-media {
        min-height: 0;
        height: 270px;
        border-radius: 14px;
    }

    .lp-summary h1 {
        font-size: 36px;
    }

    .lp-meta-grid {
        grid-template-columns: 1fr;
    }

    .lp-body {
        padding: 38px 0 44px;
    }

    .lp-section {
        padding-bottom: 32px;
        margin-bottom: 32px;
    }

    .lp-section h2,
    .lp-related h2 {
        font-size: 26px;
    }

    .lp-related {
        padding: 42px 0 54px;
    }

    .lp-related-grid {
        grid-template-columns: 1fr;
    }

    .lp-related-media {
        height: 220px;
    }

    .la-footer {
        padding-top: 38px;
    }

    .la-footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 28px 22px;
        padding-bottom: 32px;
    }

    .la-footer-bottom-inner {
        display: block;
    }

    .la-footer-legal {
        margin-top: 8px;
    }
}

/* LOCALÍA cleanup: page-built legacy footers are superseded by the global footer. */
.la-site-footer {
    display: none !important;
}

/* Homey hard-codes this label instead of passing it through gettext. */
body.page-id-6579 .filters-wrap:has(.languages-list) .col-md-2 .filters strong {
    font-size: 0 !important;
}
body.page-id-6579 .filters-wrap:has(.languages-list) .col-md-2 .filters strong::after {
    content: "Languages";
    font-size: 11px;
    line-height: 1.4;
    font-weight: 700;
    letter-spacing: .02em;
}


/* =========================================================
   LOCALÍA Product Typography — Thumbtack-inspired, not copied
   One clean sans system across marketplace, account and editorial.
   ========================================================= */
:root{
  --localia-font: Manrope, "Avenir Next", Avenir, "Helvetica Neue", Arial, sans-serif;
}

body,
button,
input,
select,
textarea,
.btn,
.form-control{
  font-family:var(--localia-font);
}

/* Product headings: confident, simple, no generic luxury serif. */
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .banner-title,
#localia-home h1,
#localia-home h2,
#localia-home h3,
.la-services-page h1,
.la-services-page h2,
.la-services-page h3,
.localia-account h1,
.localia-account h2,
.localia-account h3,
.localia-professional-page h1,
.localia-professional-page h2,
.localia-professional-page h3,
.lai-home h1,
.lai-home h2,
.lai-home h3,
.lai-archive h1,
.lai-archive h2,
.lai-archive h3,
.lai-single h1,
.lai-single h2,
.lai-single h3,
.lai-related h2,
.lai-related-copy strong,
.lai-aside-card strong,
.la-site-footer h1,
.la-site-footer h2,
.la-site-footer h3,
.la-site-footer h4{
  font-family:var(--localia-font)!important;
  font-style:normal!important;
  font-weight:700!important;
  letter-spacing:-.022em;
}

/* Body copy and UI labels */
#localia-home,
.la-services-page,
.localia-account,
.localia-professional-page,
.lai-home,
.lai-archive,
.lai-single,
.lai-prose,
.lai-card-meta,
.lai-eyebrow,
.lai-view-all,
.lai-read-link,
.la-footer,
.la-site-footer{
  font-family:var(--localia-font)!important;
}

/* Less editorial exaggeration, more product confidence */
.lai-home-head h2{font-size:42px!important;line-height:1.05!important}
.lai-lead-copy h3{font-size:32px!important;line-height:1.08!important}
.lai-side-copy h3{font-size:22px!important;line-height:1.15!important}
.lai-archive-hero h1{font-size:58px!important;line-height:1!important}
.lai-archive-feature h2{font-size:38px!important;line-height:1.05!important}
.lai-archive-card h2{font-size:28px!important;line-height:1.08!important}
.lai-single-title{font-size:54px!important;line-height:1.02!important;max-width:920px}
.lai-prose h2{font-size:34px!important;line-height:1.12!important}
.lai-prose h3{font-size:25px!important;line-height:1.16!important}
.lp-summary h1{font-size:clamp(34px,4vw,48px)!important;line-height:1.04!important}

/* Buttons closer to a modern marketplace system */
#localia-home .la-btn,
.la-services-page .las-quote,
.la-services-page .las-cta a,
.localia-professional-page .lp-button,
.lai-aside-card a{
  font-family:var(--localia-font)!important;
  font-weight:700!important;
  letter-spacing:0!important;
}

@media(max-width:700px){
  .lai-home-head h2{font-size:32px!important}
  .lai-archive-hero h1{font-size:46px!important}
  .lai-single-title{font-size:40px!important;line-height:1.05!important}
  .lai-lead-copy h3{font-size:27px!important}
}

/* =========================================================
   HECHIA header — one header for the whole site.
   The site carried three: a transparent bar over the homepage hero,
   two bespoke green bars built into single pages, and the Homey
   header everywhere else. Only the homepage keeps its own now.
   ========================================================= */

/* Retire the one-off bars those two pages shipped with. */
.lap-nav,
.hechia-results-header{
  display:none!important;
}

/* The shared header: white ground, dark type, no inherited Homey colour. */
.nav-area,
.header-nav,
.header-nav .container{
  background:#fff!important;
}

.nav-area{
  border-bottom:1px solid #e7ecee;
}

.navi > .main-menu > li > a,
.account-loggedin,
.login-register a,
.header-nav .navi a,
.header-nav .account-login a{
  color:#1d2427!important;
}

.navi > .main-menu > li > a:hover,
.navi > .main-menu > li.current-menu-item > a,
.header-nav .navi a:hover{
  color:#123f4d!important;
}

.header-nav .homey-icon{
  color:#5a666b!important;
}

/* Accent CTA, brand colour rather than the template's pink. */
.btn-add-new-listing,
.header-nav .btn-add-new-listing{
  background:#123f4d!important;
  border-color:#123f4d!important;
  color:#fff!important;
}

.btn-add-new-listing:hover,
.header-nav .btn-add-new-listing:hover{
  background:#0d2f3a!important;
  border-color:#0d2f3a!important;
  color:#fff!important;
}

/* Homepage only: the transparent bar over the hero photograph stays. */
body.home .la-nav{
  background:transparent!important;
}

/* The wordmark is a wide asset, so pin it to the bar height. */
.homey_logo img,
.mobile-logo img,
.header-comp-logo img{
  max-height:34px!important;
  width:auto!important;
  height:auto!important;
}

@media(max-width:991px){
  .homey_logo img,
  .mobile-logo img,
  .header-comp-logo img{
    max-height:26px!important;
  }
}

/* The mobile lockup carries a second line, so it needs more height than the
   plain wordmark used on desktop. */
.mobile-logo img{
  max-height:46px!important;
}

@media(max-width:991px){
  .mobile-logo img{
    max-height:42px!important;
  }
}

/* =========================================================
   Service catalogue cards carry a photograph.
   The card markup is text only, so the image rides on ::after
   and is placed first by flex order. Each category is matched
   on its own link, which keeps the page content untouched.
   ========================================================= */
.la-services-page .las-card{
  padding-top:0!important;
}

.la-services-page .las-card::after{
  content:"";
  order:-1;
  display:block;
  height:126px;
  margin:0 -17px 14px!important;
  background-color:#eef2f3;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}

@media(max-width:700px){
  .la-services-page .las-card::after{
    height:104px;
  }
}

.las-card[href*="experience_type=cleaning"]::after{background-image:url("/wp-content/uploads/2026/09/Cleaning-Service-in-Marbella.png")}
.las-card[href*="experience_type=deep-cleaning"]::after{background-image:url("/wp-content/uploads/2023/02/Service-deep-cleaning.jpg")}
.las-card[href*="experience_type=pool-care"]::after{background-image:url("/wp-content/uploads/2023/02/Service-pool-care.jpg")}
.las-card[href*="experience_type=garden-irrigation"]::after{background-image:url("/wp-content/uploads/2023/02/Garden1-scaled.png")}
.las-card[href*="experience_type=air-conditioning"]::after{background-image:url("/wp-content/uploads/2023/02/hechia-air-conditioning-heating-01.jpg-scaled.jpg")}
.las-card[href*="experience_type=handyman"]::after{background-image:url("/wp-content/uploads/2026/09/handyman.png")}
.las-card[href*="experience_type=locksmith"]::after{background-image:url("/wp-content/uploads/2023/02/Service-locksmith.jpg")}
.las-card[href*="experience_type=pest-control"]::after{background-image:url("/wp-content/uploads/2023/02/Service-pest-control.jpg")}
.las-card[href*="experience_type=property-check-keyholding"]::after{background-image:url("/wp-content/uploads/2026/09/property-check.png")}

.las-card[href*="service=Plumbing"]::after{background-image:url("/wp-content/uploads/2026/09/Plumbing-Service-in-Marbella.png")}
.las-card[href*="service=Electrical"]::after{background-image:url("/wp-content/uploads/2023/02/electrico-.png")}
.las-card[href*="service=Appliance"]::after{background-image:url("/wp-content/uploads/2023/02/Service-appliance-repair.jpg")}
.las-card[href*="service=Painting"]::after{background-image:url("/wp-content/uploads/2023/02/hechia-painting-guide.jpg")}
.las-card[href*="service=Solar"]::after{background-image:url("/wp-content/uploads/2023/02/Service-solar-energy.jpg")}
.las-card[href*="service=Security"]::after{background-image:url("/wp-content/uploads/2026/09/white-motion-sensor.png")}

/* =========================================================
   Professional catalogue: strip the rental-marketplace parts
   Homey renders around every card and filter row.
   ========================================================= */

/* The site account that imported a listing is not its provider,
   so neither the avatar nor "Provided by admin" belongs on a card. */
.experience-item .item-user-image,
.property-item .item-user-image,
.item-wrap .item-user-image,
.item-wrap .item-user-info{
  display:none!important;
}

/* Compare and the old Favorites menu are holiday-rental features. */
.item-wrap .item-tools,
.experience-item .item-tools,
.property-item .item-tools{
  display:none!important;
}

/* Filter rows inherited from property rental: bedrooms, rooms, room
   size, guest counts and stay dates. None apply to a home service. */
.filters-wrap:has(select[name="bedrooms"]),
.filters-wrap:has(select[name="rooms"]),
.filters-wrap:has(select[name="room_size"]),
.filters-wrap:has(select[name="beds"]),
.filters-wrap:has(select[name="guests"]),
.filters-wrap:has(input[name="adults"]),
.filters-wrap:has(input[name="children"]),
.filters-wrap:has(input[name="pets"]),
.filters-wrap:has(input[name="arrive"]),
.filters-wrap:has(input[name="depart"]){
  display:none!important;
}

/* Same controls when they sit in a shared row rather than their own. */
.filters-wrap [class*="col-"]:has(select[name="bedrooms"]),
.filters-wrap [class*="col-"]:has(select[name="rooms"]),
.filters-wrap [class*="col-"]:has(select[name="room_size"]),
.filters-wrap [class*="col-"]:has(select[name="beds"]),
.filters-wrap [class*="col-"]:has(select[name="guests"]),
.filters-wrap [class*="col-"]:has(input[name="adults"]),
.filters-wrap [class*="col-"]:has(input[name="children"]),
.filters-wrap [class*="col-"]:has(input[name="pets"]){
  display:none!important;
}

/* Jetpack related posts belong on articles, not on a company profile. */
.single-experience #jp-relatedposts,
.localia-professional-page #jp-relatedposts,
.lp-prose #jp-relatedposts{
  display:none!important;
}

/* Footer brand lockup uses the logo, not a text heading. */
.la-footer-brand .la-footer-logo{
  display:block;
  width:clamp(130px, 18vw, 170px);
  height:auto;
  margin:0 0 14px;
}