/* ==========================================================================
   PG custom adjustments
   ========================================================================== */

/* Zvětšení standardní ceny v nahledu produktu - Classic */
.flags-extra .flag .price-standard, 
.flags-extra .flag .price-save { 
    font-size: 16px; 
}
.flags-extra .flag { 
    width: 70px; 
    height: 70px; 
}


/* Šírka titulky dole + box */
.flex_container {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 10px;
}
.discussion-form, .discussion, .rate-wrapper, .votes-wrap, .add-comment, .welcome div, .welcome h1 {
    max-width: 100%;
    color: #000000;
}
.padded_text {
    padding: 1.5vw;
    line-height: 1.5;
    color: #000000;
}

@media (max-width: 768px) {
    #flex21 { width: 100%; margin-bottom: 1%; }
    .flex3 { width: 99%; margin-bottom: 1%; -webkit-filter: grayscale(0%); filter: grayscale(0%); }
    .flex42 { width: 49%; margin-bottom: 1%; -webkit-filter: grayscale(0%); filter: grayscale(0%); }
    .flex63 { width: 33%; margin-bottom: 1%; -webkit-filter: grayscale(0%); filter: grayscale(0%); }
}

@media (min-width: 768px) {
    #flex21 { width: 50%; margin-bottom: 1%; }
    .flex3 { width: 49%; margin-bottom: 1%; -webkit-filter: grayscale(0%); filter: grayscale(0%); }
    .flex42 { width: 24%; margin-bottom: 1%; -webkit-filter: grayscale(0%); filter: grayscale(0%); }
    .flex63 { width: 16%; margin-bottom: 1%; -webkit-filter: grayscale(0%); filter: grayscale(0%); }
}


/* Ikona nákupního košíku u tlačítek */
.btn.btn-cart::before,
a.btn.btn-cart::before,
.btn.add-to-cart-button::before,
a.btn.add-to-cart-button::before {
    content: '\e921';
}


/* Tučný text pod krátkým popisem produktu */
.p-info-wrapper div.p-short-description + p {
    font-weight: 700;
}


/* Skrytí nejnovějších příspěvků / diskuse */
.latest-contribution-wrapper { 
    display: none; 
}


/* Úprava barvy finální ceny */
.price-final { 
    color: #808080; 
}


/* Ztučnění nadpisů ve footeru (patičce) */
footer#footer h4 { 
    font-weight: 600; 
}


/* Fade in efekt (ztmavení) při najetí myší */
.fade-in {
    opacity: 50%;
    transition: opacity 0.8s;
}
.fade-in:hover {
    opacity: 100%;
    transition: opacity 0.5s;
}


/* Stylování bočního menu kategorií */
#categories .topic > a {
    font-weight: bold;
}
#categories ul li a {
    font-weight: normal;
}


/* Box do článku (shrnutí) */
.article-summary-box {
    position: relative;
    border: 3px solid #00B6ED;
    border-radius: 8px;
    background-color: rgba(0, 182, 237, .45);
    font-size: 12pt;
    font-family: 'Open Sans', sans-serif;
    padding: 16px 18px;
    margin: 20px 0;
    line-height: 1.6;
}
.article-summary-box .summary-title {
    display: block;
    margin-bottom: 6px;
    font-size: 14pt;
    font-family: 'Open Sans', sans-serif;
    color: #000080;
    font-weight: 700;
}
.article-summary-box::before {
    content: "\f0eb";                   /* Žárovka ve Font Awesome */
    font-family: "Font Awesome 5 Pro" !important;
    font-weight: 400;                   
    position: absolute;
    top: 12px;
    right: 16px;
    font-size: 28px;
    color: #fff;
    line-height: 1;
}


/* Vlastní stylování tabulek (.my-table) */
.my-table {
    width: 100%;
    max-width: 100%;                
    border-collapse: collapse;   
    border: 3px solid #00b6ed;   
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;            
    text-align: left;
    table-layout: fixed;
    word-wrap: break-word; 
}

/* Všechna TD a TH v tabulce */
.my-table th,
.my-table td {
    border: 1px solid #00b6ed;
    padding: 6px 8px;
    box-sizing: border-box;
}

/* První řádek (hlavička) tabulky */
.my-table thead tr {
    background-color: rgba(0, 182, 237, .65);
}

/* TH tučné písmo */
.my-table th {
    font-weight: 700;
}

/* Responzivita vlastní tabulky pro mobily */
@media (max-width: 768px) {
    .my-table {
        width: 100%;       
        max-width: 100%;    
    }
    .my-table th,
    .my-table td {
        padding: 8px 12px;
    }
    table {
        width: 100% !important;       
        max-width: 100% !important;    
    }
}


/* Pořadí variant na produktové stránce (skrytí původního bloku + js! ) */
.detail-parameters {
    visibility: hidden;
}


/* Barevné úpravy sekundárních tlačítek (Nahoru, Načíst další, Stránkování) */
.goToTop .goToTop__button.btn-secondary,
.loadMore .loadMore__button--products.btn-secondary,
.pagination .pagination__link--prev.btn-secondary,
.pagination .pagination__link--next.btn-secondary {
    background-color: rgba(0, 182, 237, .65) !important;
    border-color: rgba(0, 182, 237, .65) !important;
    color: #ffffff !important;
}
  
.goToTop .goToTop__button.btn-secondary:hover,
.loadMore .loadMore__button--products.btn-secondary:hover,
.pagination .pagination__link--prev.btn-secondary:hover,
.pagination .pagination__link--next.btn-secondary:hover {
    background-color: rgba(0, 182, 237, .85) !important;
    border-color: rgba(0, 182, 237, .85) !important;
    color: #ffffff !important;
}

/* Prohození pořadí prvků v kategorii (perex nahoru) */
.type-category .category-title {
    display: flex;
}
.type-category .category-perex h2 {
    font-size: 24px;
}
.type-category .category-perex p {
    font-size: 12pt;
}
.type-category #content {
    display: flex;
    flex-direction: column;
}
.type-category #content > * {
    order: 2;
}
.type-category #content .category-perex {
    order: 1;
}


/* Barvy kulatých štítků (Doprava zdarma a Sleva) */
.flag.flag-freeshipping {
    background-color: #f9b31f;
}
.flag.flag-discount {
    background-color: #00B6ED;
}


/* Sleva jen v %, bez původní ceny na stránce kategorie */
.p-code {
    background-color: transparent;
    font-size: 8pt;
}
.product .flag-discount .price-standard { 
    display: none;
}
.type-category .category-perex h2 {
    display: none;
}
.type-category #content > .category-title { 
    order: 0; 
}
.product .flags-extra .flag {
    padding: 0;
}
.product .flag-discount {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.product .flag-discount .price-save {
    font-size: 14px;
    display: block;
}


/* Skrytí ikonky domečku v drobečkové navigaci v záhlaví */
#a-home {
    display: none !important;
}