/* ============================================================
   Volba ořezu a rámečku fotky — přebíjí výchozí styl šablony.
   Soubor se jmenuje zz-photo.css, aby se načítal jako poslední
   (builder linkuje sablony/*.css abecedně).
   Hodnota "auto" (bez data atributu) = výchozí vzhled šablony.
   ============================================================ */

/* ---------------- tvar ---------------- */
.cv[data-photoshape="kruh"] .cv-photo,
.cv[data-photoshape="kruh"] .cv-photo img { border-radius: 50%; }

.cv[data-photoshape="ctverec"] .cv-photo,
.cv[data-photoshape="ctverec"] .cv-photo img { border-radius: 0; }

.cv[data-photoshape="zaobleny"] .cv-photo,
.cv[data-photoshape="zaobleny"] .cv-photo img { border-radius: 12px; }

/* čtverec/zaoblený: srovnat i šablony s obdélníkovou fotkou (kancelář) */
.cv[data-photoshape] .cv-photo { aspect-ratio: 1; height: auto; }

/* ---------------- rámeček ---------------- */
.cv[data-photoframe="bez"] .cv-photo {
    border: none;
    outline: none;
    box-shadow: none;
    padding: 0;
}
.cv[data-photoframe="linka"] .cv-photo {
    border: 2.5px solid var(--cva);
    outline: none;
    box-shadow: none;
    padding: 0;
}
.cv[data-photoframe="dvojity"] .cv-photo {
    border: 2px solid var(--cva);
    outline: 1.5px solid var(--cva);
    outline-offset: 3px;
    box-shadow: none;
    padding: 0;
}
.cv[data-photoframe="stin"] .cv-photo {
    border: 2px solid #1c1c1c;
    outline: none;
    box-shadow: 5px 5px 0 var(--cva);
    padding: 0;
}

/* ---------------- výjimka: Pruh (fotka žije v barevném pruhu) ---------------- */
/* tvar a rám se aplikují na img, kontejner zůstává layoutový blok */
.cv--pruh[data-photoshape] .cv-photo,
.cv--pruh[data-photoframe] .cv-photo {
    border-radius: 0;
    border: none;
    outline: none;
    box-shadow: none;
    aspect-ratio: auto;
    background: var(--cva);
    padding: 34px 0 14px;
}
.cv--pruh[data-photoshape="kruh"] .cv-photo img { border-radius: 50%; }
.cv--pruh[data-photoshape="ctverec"] .cv-photo img { border-radius: 0; }
.cv--pruh[data-photoshape="zaobleny"] .cv-photo img { border-radius: 12px; }
.cv--pruh[data-photoframe="bez"] .cv-photo img { border: none; box-shadow: none; }
.cv--pruh[data-photoframe="linka"] .cv-photo img { border: 2.5px solid rgba(255, 255, 255, 0.85); box-shadow: none; }
.cv--pruh[data-photoframe="dvojity"] .cv-photo img {
    border: 2px solid rgba(255, 255, 255, 0.85);
    outline: 1.5px solid rgba(255, 255, 255, 0.6);
    outline-offset: 3px;
    box-shadow: none;
}
.cv--pruh[data-photoframe="stin"] .cv-photo img {
    border: 2px solid rgba(255, 255, 255, 0.9);
    box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.35);
}

/* Noviny: fotka je absolutně v hlavičce — tvar na kontejner funguje, jen ponechat pozici */
.cv--noviny[data-photoshape] .cv-photo { height: 76px; aspect-ratio: auto; }

/* ------------------------------------------------------------------
   Fotka na barevném podkladu (hlavička nebo pruh v barvě akcentu).
   Výchozí rámečky kreslí linku v barvě --cva, která na stejně barevném
   pozadí splyne a vypadá to jako by volba rámečku nefungovala.
   Tyhle šablony proto kreslí rámeček světle.
   ------------------------------------------------------------------ */
.cv--banner[data-photoframe="linka"] .cv-photo,
.cv--duo[data-photoframe="linka"] .cv-photo,
.cv--kontrast[data-photoframe="linka"] .cv-photo,
.cv--vlna[data-photoframe="linka"] .cv-photo,
.cv--aurora[data-photoframe="linka"] .cv-photo,
.cv--sloup[data-photoframe="linka"] .cv-photo {
    border: 2.5px solid rgba(255, 255, 255, 0.9);
    outline: none;
    box-shadow: none;
    padding: 0;
}

.cv--banner[data-photoframe="dvojity"] .cv-photo,
.cv--duo[data-photoframe="dvojity"] .cv-photo,
.cv--kontrast[data-photoframe="dvojity"] .cv-photo,
.cv--vlna[data-photoframe="dvojity"] .cv-photo,
.cv--aurora[data-photoframe="dvojity"] .cv-photo,
.cv--sloup[data-photoframe="dvojity"] .cv-photo {
    border: 2px solid rgba(255, 255, 255, 0.92);
    outline: 1.5px solid rgba(255, 255, 255, 0.55);
    outline-offset: 3px;
    box-shadow: none;
    padding: 0;
}

/* stín v barvě akcentu by na akcentu zmizel → tmavý stín a světlá linka */
.cv--banner[data-photoframe="stin"] .cv-photo,
.cv--duo[data-photoframe="stin"] .cv-photo,
.cv--kontrast[data-photoframe="stin"] .cv-photo,
.cv--vlna[data-photoframe="stin"] .cv-photo,
.cv--aurora[data-photoframe="stin"] .cv-photo,
.cv--sloup[data-photoframe="stin"] .cv-photo {
    border: 2px solid rgba(255, 255, 255, 0.9);
    outline: none;
    box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.32);
    padding: 0;
}

/* „bez rámečku" musí odstranit i výchozí bílý prstenec šablony */
.cv--banner[data-photoframe="bez"] .cv-photo,
.cv--duo[data-photoframe="bez"] .cv-photo,
.cv--kontrast[data-photoframe="bez"] .cv-photo,
.cv--vlna[data-photoframe="bez"] .cv-photo,
.cv--aurora[data-photoframe="bez"] .cv-photo,
.cv--sloup[data-photoframe="bez"] .cv-photo {
    border: none;
    outline: none;
    box-shadow: none;
    padding: 0;
}