/*
Theme Name: Houzez Child
Theme URI: http://www.favethemes.com/
Author: Favethemes
Author URI: http://www.favethemes.com/
Description: Houzez is a premium WordPress theme for real estate agents where modern aesthetics are combined with tasteful simplicity, and where the ease of use is achieved without compromise in your ability to customise the design. Whether you are a real estate agent looking to build a website for your company or a web developer seeking a perfect WordPress theme for your next project, you are certain to appreciate the numerous features and benefits that our theme provides.
Version: 1.0
Tags: white, 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: houzez
Template: houzez
*/


@import url("../houzez/style.css");

/* Your CSS code goes here
-------------------------------------- */
/* =========================================================
COSTALIA – MASTER STYLE SYSTEM (Houzez Child)
Version: 2026
Author: Costalia
========================================================= */

/* =========================================================

1. BRAND COLORS (LOGO BASED)
   ========================================================= */
   :root {
   --primary: #0f2a44;
   --secondary: #c9a76a;
   --accent: #1c4f82;

--bg: #ffffff;
--text: #1d1d1d;
--muted: #777;

--radius: 6px;
--transition: all .25s ease;
}

/* =========================================================
2. DARK MODE (AUTO + MANUAL)
========================================================= */
[data-theme="dark"] {
--bg: #0f1217;
--text: #eaeaea;
--muted: #999;

--primary: #c9a76a;
--secondary: #ffffff;
}

/* =========================================================
3. GLOBAL
========================================================= */
body {
font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
background: var(--bg);
color: var(--text);
line-height: 1.65;
}

a {
color: var(--accent);
transition: var(--transition);
}

a:hover {
color: var(--secondary);
text-decoration: none;
}

/* =========================================================
4. BUTTONS – GLOBAL + LOAD MORE (COSTALIA STYLE)
========================================================= */

/* ZÁKLADNÉ BUTTONY */
button,
.btn,
.houzez-btn,
input[type="submit"] {
    background: var(--primary);
    color: #ffffff;
    padding: 12px 28px;
    border-radius: var(--radius);
    font-weight: 600;
    border: none;
    transition: var(--transition);
}

/* Hover efekt */
button:hover,
.btn:hover,
.houzez-btn:hover,
input[type="submit"]:hover {
    background: var(--secondary);
    color: #111;
    transform: translateY(-1px);
}

/* =========================================================
LOAD MORE BUTTON – COSTALIA STYLE – NOVÉ NASTAVENIA
========================================================= */
.houzez-load-more,
.load-more,
.load-more-wrap button,
button.loadmore,
.houzez-load-more-btn {
    font-size: 12px;                  /* veľkosť písma */
    font-weight: 700;                 /* bold */
    text-transform: uppercase;        /* uppercase */
    line-height: 1;                   /* line height */
    letter-spacing: 2px;              /* medzery medzi písmenami */
    color: #0F1E2E;                   /* farba textu */
    background-color: #FFCB3D;        /* pozadie */
    border-style: solid;              /* typ borderu */
    border-width: 1px;                /* hrúbka borderu */
    border-color: #FFCB3D;            /* farba borderu */
    border-radius: 6px;               /* zaoblenie rohů */
    padding: 14px 12px 12px 24px;     /* padding: top, right, bottom, left */
    transition: all 0.25s ease;       /* prechodové efekty */
    display: inline-block;
    font-family: inherit;             /* dediace písma */
    cursor: pointer;
}

/* Hover efekt */
.houzez-load-more:hover,
.load-more:hover,
.load-more-wrap button:hover,
button.loadmore:hover {
    color: #FFFFFF;                   /* text na hover */
    background-color: #0F1E2E;        /* pozadie na hover */
    border-color: #0F1E2E;            /* border na hover */
    transform: translateY(-1px);      /* jemný efekt posunu */
}

/* =========================================================
5. PROPERTY CARDS
========================================================= */
.property-item,
.item-wrap {
border-radius: 12px;
overflow: hidden;
background: #fff;
box-shadow: 0 10px 30px rgba(0,0,0,.07);
transition: var(--transition);
}

.property-item:hover {
transform: translateY(-6px);
box-shadow: 0 20px 45px rgba(0,0,0,.15);
}

.item-title a {
font-weight: 600;
color: var(--text);
}

.item-price {
color: var(--secondary);
font-size: 18px;
font-weight: 700;
}

/* =========================================================
6. COSTA DEL SOL / COSTA BLANCA STYLES
========================================================= */

/* Costa del Sol */
body.costa-del-sol {
--accent: #c9a76a;
--primary: #0f2a44;
}

/* Costa Blanca */
body.costa-blanca {
--accent: #2fa4ff;
--primary: #0b3c5d;
}

/* =========================================================
7. HEADER & MENU
========================================================= */
.header-desktop {
background: rgba(255,255,255,.95);
backdrop-filter: blur(6px);
border-bottom: 1px solid rgba(0,0,0,.05);
}

.main-nav > li > a {
font-weight: 500;
padding: 14px 18px;
}

/* =========================================================
8. FOOTER
========================================================= */
.footer-wrap {
background: #0f1722;
color: #bbb;
}

.footer-wrap a {
color: #bbb;
}

.footer-wrap a:hover {
color: var(--secondary);
}

/* =========================================================
9. MOBILE
========================================================= */
@media (max-width: 768px) {
h1 { font-size: 30px; }
h2 { font-size: 24px; }
}