/*
Theme Name:   hello-elementor-child
Template:     hello-elementor
Version:      1.0
*/

/* ======= Single-post čistý layout ======= */

/* Skry head-footer len na detailoch príspevku */
.single-post header.site-header,
.single-post footer.site-footer,
.single-post .elementor-location-header,
.single-post .elementor-location-footer{
    display:none !important;
}

/* Hlavný obal príspevku – vždy vycentrovaný stĺpec */
.inz-wrap{
    max-width:760px;
    margin:60px auto 100px;
    padding:0 20px;

    display:flex;
    flex-direction:column;
    align-items:center;     /* vodorovne centrované */
    text-align:center;

    font-family:'Inter',sans-serif;
}

/* Titulok, meta, text */
.inz-title   {font-size:2.6rem;font-weight:700;margin:0 0 .35em}
.inz-meta    {color:#666;font-size:.9rem;margin-bottom:2rem}
.inz-content {text-align:left;font-size:1.1rem;line-height:1.8;margin-bottom:2.5rem}

/* Featured obrázok */
.inz-feat img{
    display:block; margin:0 auto 2rem;
    width:100%; height:auto;
    border-radius:12px;
    box-shadow:0 4px 18px rgba(0,0,0,.08);
}

/* Galéria (ľubovoľný počet obrázkov) */
.inz-gallery{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(160px,1fr));
    gap:14px;
    margin:30px 0;
    width:100%;
}
.inz-gallery.single{           /* ak je len 1 obrázok */
    display:flex; justify-content:center;
}
.inz-gal-img{
    width:100%; height:auto;
    border-radius:8px;
    object-fit:cover;
}

/* Tlačidlá */
.inz-btns{
    display:flex; gap:14px; flex-wrap:wrap;
    justify-content:center; margin-top:3rem;
}
.btn{
    padding:10px 24px;
    border-radius:8px;
    color:#fff; text-decoration:none; font-weight:600;
    transition:.2s; box-shadow:0 4px 12px rgba(0,0,0,.12);
}
.btn.edit{background:#e91e63}
.btn.back{background:#536dfe}
.btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.18)}

@media(max-width:480px){
    .inz-title{font-size:2.2rem}
    .btn{width:100%;text-align:center}
    .inz-edit-form label{display:block;margin:18px 0 6px;font-weight:600}
    .inz-edit-form input[type=text],
    .inz-edit-form textarea{
      width:100%;padding:10px;border:1px solid #ccc;border-radius:6px;font-size:1rem;
    }
    .inz-edit-form input[type=file]{margin-top:6px}
    .inz-error{color:#d32f2f;font-weight:700;text-align:center;margin:60px 0}
    .inz-edit-form{max-width:680px;margin:40px auto;font-family:Inter,sans-serif}
    .inz-edit-form label{display:block;margin:18px 0 6px;font-weight:600}
    .inz-edit-form input[type=text],
    .inz-edit-form textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:6px;font-size:1rem}
    .inz-img{border-radius:8px;max-width:260px;height:auto;display:block;margin-bottom:6px}
    .inz-gallery{display:flex;flex-wrap:wrap;gap:14px;margin-top:10px}
    .inz-gal-item{position:relative;text-align:center}
    .inz-gal-item .inz-del{font-size:.8rem}
    .inz-edit-form input[type=text],
    .inz-edit-form textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:6px}

    .inz-img{border-radius:8px;max-width:220px;height:auto;display:block;margin-bottom:6px}

    .inz-gallery{display:flex;flex-wrap:wrap;gap:12px;max-width:460px}
    .inz-gal-item{flex:0 0 50%;text-align:center}
    .inz-gal-item .inz-img{margin:0 auto 4px}
    .inz-gal-item .inz-del{font-size:.8rem}

    .inz-feat img{max-width:220px}
    .inz-gal-img{max-width:200px}
    .inz-bar{background:#d50000;color:#fff;padding:8px 16px;font-weight:700}
    .inz-bar .logout-btn{background:#ffc107;color:#000;padding:4px 10px;border-radius:4px;float:right;font-weight:600;text-decoration:none}
    .inz-profile{display:flex;gap:30px;margin:30px 0}
    .inz-left{width:260px;text-align:center}
    .inz-left .inz-gal img{width:60px;height:60px;border-radius:4px;margin:4px}
    .inz-right{flex:1}
    .inz-name{font-size:1.8rem;margin:0 0 10px}
    .inz-form label{display:block;margin:12px 0}
    .inz-form input[type=text],.inz-form input[type=number],.inz-form textarea{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px}
    .btn{display:inline-block;background:#e91e63;color:#fff;padding:10px 24px;border-radius:6px;text-decoration:none;font-weight:600;margin-top:20px}
    .btn.save{background:#4caf50}
    /* horná lišta */
    .inz-bar{background:#d50000;font-weight:700;color:#000;padding:6px 12px}
    .logout-btn{float:right;background:#ffc107;padding:4px 10px;border-radius:4px;font-weight:600;text-decoration:none}
    .inz-reg{color:#29b6f6;font-size:1.2rem;margin:20px 0}

    /* hlavný box */
    .inz-box{display:flex;gap:40px;margin:30px 0;flex-wrap:wrap}
    .inz-left{width:260px;text-align:center}
    .inz-left img{width:100%;border-radius:4px}
    .inz-placeholder{width:100%;height:180px;background:#cfd8dc;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#666}
    .inz-gal img{width:70px;height:70px;border-radius:4px;margin:4px}

    .inz-right{flex:1;min-width:240px}
    .inz-name{font-size:2rem;margin:0 0 15px}

    .inz-form label{display:block;margin:12px 0}
    .inz-form input[type=text],
    .inz-form input[type=number],
    .inz-form textarea{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px}

    .btn{display:inline-block;background:#e91e63;color:#fff;padding:10px 26px;border-radius:6px;text-decoration:none;font-weight:600;margin-top:20px}
    .btn.save{background:#4caf50}

    /* cenník tabulka */
    .inz-cennik{margin:40px 0;color:#29b6f6}
    .inz-cennik table{margin:16px auto;border-collapse:collapse}
    .inz-cennik td{padding:6px 18px;font-size:1.3rem}
    /* horná lišta + odpočet */
    .inz-bar{background:#d50000;color:#000;padding:8px 12px;display:flex;justify-content:space-between;font-weight:600}
    .inz-bar .inz-id{margin-left:10px}
    .logout-btn{background:#ffc107;padding:4px 12px;border-radius:4px;font-weight:700;text-decoration:none;color:#000}
    .inz-reg{font-size:1.15rem;color:#29b6f6;margin:14px 0}

    /* hlavný box */
    .inz-box{display:flex;gap:40px;flex-wrap:wrap}
    .inz-left{max-width:260px}
    .inz-title{width:100%;height:auto;border-radius:4px}
    .inz-name{font-size:2.2rem;text-align:center;margin:0 0 12px}
    .inz-right{flex:1;min-width:260px}
    .inz-right p{margin:6px 0}

    .inz-tel{display:flex;align-items:center;gap:12px}
    .btn.sm{font-size:.8rem;padding:4px 10px}

    .inz-form label{display:block;margin:10px 0}

    /* tlačidlá */
    .btn{display:inline-block;background:#e91e63;color:#fff;padding:10px 26px;border-radius:6px;text-decoration:none;font-weight:600;margin-top:18px}
    .btn.save{background:#4caf50}

    /* cenník */
    .inz-cennik{margin:40px 0;color:#29b6f6}
    /* horná lišta */
    .inz-bar{display:flex;justify-content:space-between;align-items:center;background:#d50000;color:#000;padding:6px 14px;font-weight:600}
    .inz-id{margin-left:8px}
    .logout-btn{background:#ffc107;padding:4px 14px;border-radius:4px;color:#000;font-weight:700;text-decoration:none}
    .inz-reg{margin:12px 0;color:#29b6f6;font-size:1.15rem}

    /* profil box */
    .inz-box{display:flex;gap:32px;flex-wrap:wrap;margin:25px 0}
    .inz-left{max-width:260px;text-align:center}
    .inz-name{font-size:2rem;margin:0 0 10px}
    .inz-title{width:100%;border-radius:4px}
    .inz-placeholder{width:100%;height:180px;background:#eceff1;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#777}
    .inz-gal{margin-top:10px}
    .inz-gal img{width:70px;height:70px;border-radius:4px;margin:4px}
    .inz-right{flex:1;min-width:260px}
    .inz-right p{margin:6px 0}
    .inz-tel{display:flex;align-items:center;gap:12px}
    .btn.sm{font-size:.8rem;padding:4px 12px}

    /* formuláre */
    .inz-form label,.inz-tel-form label{display:block;margin:12px 0}
    .inz-form input[type=text],.inz-form input[type=number],.inz-form textarea,.inz-tel-form input[type=text]{width:100%;padding:8px;border:1px solid #bbb;border-radius:4px}
    .btn{display:inline-block;background:#e91e63;color:#fff;padding:10px 28px;border-radius:6px;font-weight:600;text-decoration:none;margin-top:20px}
    .btn.save{background:#4caf50}

    /* cenník */
    .inz-cennik{margin:40px 0;color:#29b6f6}
    .inz-cennik table{margin:12px auto;border-collapse:collapse}
    .inz-cennik td{padding:6px 18px;font-size:1.2rem}
}

.am-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); /* šírka boxu ~240px */
    gap: 30px;
    justify-content: center;
    list-style: none;
    padding: 0;
    max-width: 1200px; /* max. šírka aby vošlo max 5 na riadok */
    margin: 0 auto;
}

.am-item {
    text-align: center;
}

.am-item img {
    border-radius: 8px;
    width: 250px;  /* zväčšené */
    height: 250px; /* zväčšené */
    object-fit: cover;
}

.am-name {
    display: block;
    font-weight: bold;
    margin-top: 10px;
    font-size: 1.2em;
}

.am-city {
    font-size: 1em;
    color: #666;
}
ul.am-list {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important; /* menší box, vojde 6 */
    gap: 15px !important; /* menší medzera */
    justify-content: center !important;
    list-style: none !important;
    padding: 0 !important;
    max-width: 1100px !important; /* menšie odsadenie od okraja, udrží 6 v riadku */
    margin: 0 auto !important;
}

ul.am-list li.am-item {
    text-align: center !important;
}

ul.am-list li.am-item img {
    border-radius: 8px !important;
    width: 185px !important;  /* +10% oproti 170 */
    height: 220px !important; /* +10% oproti 200 */
    object-fit: cover !important;
}

ul.am-list li.am-item .am-name {
    display: block !important;
    font-weight: bold !important;
    margin-top: 6px !important;
    font-size: 1.1em !important;
}

ul.am-list li.am-item .am-city {
    font-size: 0.9em !important;
    color: #666 !important;
}
/* ─────────────  PROFIL – 3-stĺpcové rozloženie  ───────────── */
.inz-grid{
    display:grid;
    grid-template-columns: 300px 1fr 220px;  /* ľavý 300 px, stred rastie, pravý 220 px */
    gap:40px;
    margin:40px 0;
    align-items:start;
}

.inz-left .inz-title{
    width:300px;          /* titulka ~3× väčšia než doteraz */
    height:350px;
    object-fit:cover;
    border-radius:8px;
}

.inz-gal img{
    width:120px;          /* galéria väčšia (3×) */
    height:120px;
    object-fit:cover;
    border-radius:6px;
    margin:6px;
}

.inz-mid{min-width:260px;}
.inz-right{
    min-width:200px;
    text-align:center;
    font-size:1.05rem;
}
.inz-tel span{font-size:1.4rem;font-weight:700}

/* tlačidlo Upraviť/Vyplniť – nech je pod gridom a centrované */
.inz-edit-btn{
    display:inline-block;
    margin:30px auto 0;
    background:#e91e63;color:#fff;padding:12px 34px;border-radius:6px;
    font-weight:600;text-decoration:none;
}

/* responzívne zobrazenie na mobil */
@media (max-width:768px){
    .inz-grid{
        grid-template-columns:1fr;   /* zlomí na stĺpce pod seba */
        text-align:center;
    }
    .inz-left,.inz-right{margin:0 auto}
    .inz-left .inz-title{width:90vw;height:auto}
    .inz-gal img{width:90px;height:90px}
}
.inz-edit-tel { margin-top:6px; display:inline-block; }
.inz-home     { text-align:center; margin:25px 0; }
.btn.home     { background:#ff9800; color:#fff; padding:12px 32px; border-radius:6px; font-weight:600; text-decoration:none; }
.btn.home:hover { background:#ffaa33; }
/* obrázky – obal + malé X pre zmazanie */
.inz-imgwrap{position:relative;display:inline-block}
.inz-del{
    position:absolute;top:6px;right:6px;
    width:20px;height:20px;border-radius:50%;
    background:#d50000;color:#fff;text-align:center;line-height:20px;
    font-weight:700;font-size:14px;text-decoration:none;
}
.inz-del:hover{background:#b71c1c}

/* Upraviť tel. pod číslom */
.inz-edit-tel{display:inline-block;margin-top:8px}

/* tlačidlo Upraviť/Vyplniť */
.inz-edit-btn{display:inline-block;margin:28px auto 0}
/* mazacie X */
.inz-imgwrap{position:relative;display:inline-block}
.inz-del{
   position:absolute;top:6px;right:6px;width:20px;height:20px;
   border-radius:50%;background:#d50000;color:#fff;font-weight:700;
   line-height:20px;text-align:center;font-size:14px;text-decoration:none;
}
.inz-del:hover{background:#b71c1c}

/* tlačidlo pod telefónom */
.inz-edit-tel{display:inline-block;margin-top:8px;background:#e91e63;color:#fff}

/* tlačidlo Upraviť profil */
.inz-edit-btn{display:inline-block;margin:28px auto 0}

/* domovský odkaz (horná lišta) */
.home-link{color:#ffc107;font-weight:600;text-decoration:none;margin-left:4px}
.home-link:hover{text-decoration:underline}
.btn.sm.inz-edit-tel{
   background:#e91e63;   /* ružová */
   color:#fff;
}
.btn.sm.inz-edit-tel:hover{opacity:.9}
.inz-edit-tel{background:#e91e63;color:#fff}
.inz-form textarea{min-height:160px;width:100%}
.inz-popis{white-space:pre-line}
.inz-tel-form .btn.save {
  background-color: #d50055; /* napr. ružová alebo tvoja hlavná farba */
  color: white;
  border: none;
}

.inz-tel-form .btn.save:hover {
  background-color: #b40045; /* tmavší odtieň pre hover efekt */
}
.inz-popis {
  white-space: pre-wrap;
  word-break: break-word;
}
/* rovnaká šírka v editore aj vo výpise */
.inz-popis,
.wp-editor-wrap .wp-editor-area {
    max-width: 50ch;      /* cca 50 znakov na riadok */
    white-space: pre-wrap;
    word-break: break-word;
}

/* malé ružové tlačidlo – úprava tel. čísla */
.inz-edit-tel {
    background: #e91e63 !important;
    color: #fff !important;
}
/* === Rovnaká šírka TinyMCE editora, aby sa text lámal rovnako === */
.inz-wysiwyg .wp-editor-area{
    font: 400 1rem/1.6 'Inter', sans-serif; /* rovnaké písmo */
    max-width:460px;   /* presne toľko, koľko má .inz-mid v desktop verzii */
    width:100%;
    resize:vertical;   /* nech sa dá ťahať len výška */
    box-sizing:border-box;
}

/* na úzkych displejoch už stĺpec zaberá 100 %, takže stačí šírka 100 % */
@media (max-width:600px){
    .inz-wysiwyg .wp-editor-area{
        max-width:100%;
    }
}