/**
 * Mnenja & odgovori trgovine (IPO Custom) - izluscen CSS.
 * Vkljuci na produktni strani (samo tam, kjer se prikazujejo mnenja):
 *   wp_enqueue_style('ipo-custom-reviews', ..., 'reviews.css', ...)
 *
 * Vsebuje:
 *   - logo trgovine (avatar) + "verified" znacka pri uradnih odgovorih
 *   - "preverjeno mnenje" znacka ob imenih strank (ce WooCommerce ze sam ne
 *     prikaze "(preverjena stranka)")
 *   - hero vrstica nad mnenji: SAMO filter po oceni (zvezdicah) + gumb
 *     "Napisi mnenje" - BREZ Google dela (ta je bil odstranjen).
 */

/** LOGO + "verified" znacka pri odgovorih trgovine */
#reviews .comment_container .avatar,
#reviews .comment_container .ipoteh-store-avatar {border-radius:50%;object-fit:contain;background:#fff;border:1px solid #ececec;}

/* Skupna "verified" kljukica - tanek bel obroc + zaobljena/drzna kljukica,
   uporabljena tako pri uradnem odgovoru trgovine kot pri imenih strank spodaj. */
#reviews li.answer .woocommerce-review__author {display:inline-flex;align-items:center;gap:4px;}
#reviews li.answer .woocommerce-review__author::after {
    content:"";
    display:inline-block;
    width:14px;
    height:14px;
    flex-shrink:0;
    background-repeat:no-repeat;
    background-size:contain;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%231877F2' stroke='%23ffffff' stroke-width='1.4'/%3E%3Cpath d='M7.8 12.6l2.6 2.6L16.4 9' stroke='%23fff' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
}

/* Ista kljukica + posevni napis "preverjeno mnenje" ob imenih strank, ki so
   pustile mnenje - a samo, ce WooCommerce ze SAM ne prikaze svoje oznake
   "(preverjena stranka)" (za resnicne, prijavljene kupce) - da se sporocilo
   ne podvaja.
   POMEMBNO: selektor mora biti omejen na "> .comment_container" (neposredni
   otrok), NE splosni presledek-descendant "li.review .woocommerce-review__author" -
   slednje bi zajelo tudi ODGOVOR TRGOVINE (li.answer), ki je gnezden ZNOTRAJ
   li.review (v <ul class="children">). */
#reviews li.review > .comment_container .woocommerce-review__author::after {
    content:"preverjeno mnenje";
    display:inline-block;
    margin-left:4px;
    padding-left:17px;
    font-style:italic;
    font-weight:400;
    font-size:11px;
    color:#8a97a3;
    background-repeat:no-repeat;
    background-position:left center;
    background-size:13px 13px;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%231877F2' stroke='%23ffffff' stroke-width='1.4'/%3E%3Cpath d='M7.8 12.6l2.6 2.6L16.4 9' stroke='%23fff' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
}
#reviews li.review > .comment_container .woocommerce-review__author:has(+ .woocommerce-review__verified)::after {
    display:none;
}

/* Zamik besedila ob logotipu trgovine - Avada privzeto avatar (.avatar) plava
   levo (float:left, do 60px); rezerviramo dovolj prostora, da se tekst ne
   stika s krogcem. */
#reviews li.answer .comment-text {margin-left:64px;}

/** "Hero" vrstica nad mnenji: SAMO filter po oceni + gumb "Napisi mnenje"
    (Google del je bil namenoma odstranjen). */
.ipoteh-reviews-hero {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin:0 0 24px;
}

.ipoteh-rating-filter {display:flex;flex-wrap:wrap;gap:8px;}
.ipoteh-rating-filter input[type="radio"] {
    position:absolute;
    opacity:0;
    width:1px;height:1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
}
.ipoteh-rating-filter__btn {
    display:inline-block;
    border:1px solid #dcdcdc;
    background:#fff;
    color:#333;
    border-radius:999px;
    padding:6px 14px;
    font-size:13px;
    cursor:pointer;
    transition:background .15s ease,border-color .15s ease,color .15s ease;
}
.ipoteh-rating-filter__btn:hover {border-color:#e8a90c;}
.ipoteh-rating-filter input[type="radio"]:checked + .ipoteh-rating-filter__btn {background:#e8a90c;border-color:#e8a90c;color:#fff;}
.ipoteh-rating-filter input[type="radio"]:focus-visible + .ipoteh-rating-filter__btn {outline:2px solid #006ec8;outline-offset:2px;}

.ipoteh-write-review-btn {
    display:inline-block;
    background:#006ec8;
    color:#fff !important;
    padding:9px 18px;
    border-radius:8px;
    font-size:13px;
    font-weight:600;
    text-decoration:none;
    white-space:nowrap;
}
.ipoteh-write-review-btn:hover {background:#0059a3;}

/* Sam filter (brez JS): skrit radio + CSS ":has()" pove #comments, kateri
   gumb je izbran, in temu ustrezno skrije mnenja z drugacno oceno. */
#comments:has(#ipoteh-filter-5:checked) .commentlist > li.review:not(.rating-5),
#comments:has(#ipoteh-filter-4:checked) .commentlist > li.review:not(.rating-4),
#comments:has(#ipoteh-filter-3:checked) .commentlist > li.review:not(.rating-3),
#comments:has(#ipoteh-filter-2:checked) .commentlist > li.review:not(.rating-2),
#comments:has(#ipoteh-filter-1:checked) .commentlist > li.review:not(.rating-1) {
    display:none;
}

@media (max-width:600px) {
    .ipoteh-reviews-hero {flex-direction:column;align-items:stretch;}
    .ipoteh-rating-filter {justify-content:center;}
    .ipoteh-write-review-btn {width:100%;max-width:280px;margin:0 auto;text-align:center;}
}