/* CigaretaJinak – header: Prodejny a kontakt v5 */

.cj-header-phone-original{
    display:none !important;
}

@media (min-width:1200px){

    #header .header-top-wrapper{
        display:flex !important;
        align-items:center !important;
        flex-wrap:nowrap !important;
        gap:20px;
    }

    #header .header-top-wrapper > .site-name{
        flex:0 0 auto;
        margin-right:0 !important;
    }

    #header .header-top-wrapper > .search{
        flex:1 1 auto !important;
        min-width:300px !important;
        width:auto !important;
        margin:0 !important;
    }

    #header .header-top-wrapper > .navigation-buttons{
        flex:0 0 auto !important;
        margin-left:0 !important;
    }

    .cj-header-contact{
        position:relative;
        z-index:80;
        flex:0 0 218px;
        width:218px;
        margin:0;
        transform:translateX(14px);
        font-family:inherit;
    }

    .cj-header-contact__trigger{
        width:100%;
        min-height:56px;
        appearance:none;
        border:0;
        background:transparent;
        padding:7px 2px;
        display:flex;
        align-items:center;
        gap:9px;
        color:#222;
        cursor:pointer;
        text-align:left;
        font-family:inherit;
    }

    .cj-header-contact__trigger:hover .cj-header-contact__copy strong{
        color:#47b83c;
    }

    .cj-header-contact__pin{
        width:27px;
        height:27px;
        flex:0 0 27px;
        display:flex;
        align-items:center;
        justify-content:center;
    }

    .cj-header-contact__pin img{
        display:block;
        width:27px;
        height:27px;
        object-fit:contain;
    }

    .cj-header-contact__copy{
        display:flex;
        flex-direction:column;
        min-width:0;
        flex:0 0 auto;
    }

    .cj-header-contact__copy strong{
        font-size:14px;
        line-height:1.2;
        font-weight:800;
        white-space:nowrap;
        transition:color .15s ease;
    }

    .cj-header-contact__copy small{
        margin-top:3px;
        color:#8b8b8b;
        font-size:10px;
        line-height:1.2;
        white-space:nowrap;
    }

    .cj-header-contact__chevron{
        width:7px;
        height:7px;
        flex:0 0 7px;
        margin-left:1px;
        border-right:1.5px solid #999;
        border-bottom:1.5px solid #999;
        transform:rotate(45deg) translateY(-2px);
        transition:transform .16s ease;
    }

    .cj-header-contact.is-open .cj-header-contact__chevron{
        transform:rotate(225deg) translate(-1px,-1px);
    }

    .cj-header-contact__panel{
        position:absolute;
        right:-100px;
        top:calc(100% + 10px);
        width:790px;
        max-width:calc(100vw - 40px);
        padding:16px;
        box-sizing:border-box;
        border:1px solid #e8e8e8;
        border-radius:14px;
        background:#fff;
        box-shadow:0 18px 44px rgba(0,0,0,.14);

        opacity:0;
        visibility:hidden;
        transform:translateY(7px);
        transition:opacity .16s ease,transform .16s ease,visibility .16s ease;
    }

    .cj-header-contact.is-open .cj-header-contact__panel{
        opacity:1;
        visibility:visible;
        transform:translateY(0);
    }

    .cj-hc-panel__head{
        display:flex;
        align-items:flex-start;
        justify-content:space-between;
        gap:18px;
        padding:1px 2px 14px;
        margin-bottom:14px;
        border-bottom:1px solid #eee;
    }

    .cj-hc-panel__head > div > strong{
        display:block;
        color:#222;
        font-size:20px;
        line-height:1.1;
        font-weight:800;
    }

    .cj-hc-panel__head > div > span{
        display:block;
        margin-top:4px;
        color:#888;
        font-size:11px;
    }

    .cj-hc-panel__head > a{
        margin-top:4px;
        color:#666 !important;
        font-size:11px;
        font-weight:700;
        text-decoration:none !important;
    }

    .cj-hc-grid{
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:12px;
    }

    .cj-hc-store{
        overflow:hidden;
        border:1px solid #e8e8e8;
        border-radius:10px;
        background:#fff;
    }

    .cj-hc-store__media{
        height:108px;
        background:#f4f4f4;
        overflow:hidden;
    }

    .cj-hc-store__media img{
        display:block;
        width:100%;
        height:100%;
        object-fit:cover;
    }

    .cj-hc-store__body{
        padding:11px 12px 0;
    }

    .cj-hc-store__head strong{
        display:block;
        color:#222;
        font-size:15px;
        line-height:1.2;
        font-weight:800;
    }

    .cj-hc-store__head span{
        display:block;
        min-height:28px;
        margin-top:3px;
        color:#888;
        font-size:9px;
        line-height:1.35;
    }

    .cj-hc-store__contact{
        margin-top:9px;
        padding-top:9px;
        border-top:1px solid #f0f0f0;
    }

    .cj-hc-store__contact-line{
        display:flex;
        align-items:baseline;
        justify-content:space-between;
        gap:8px;
        margin-top:4px;
    }

    .cj-hc-store__contact-line:first-child{
        margin-top:0;
    }

    .cj-hc-store__contact-line span{
        color:#9a9a9a;
        font-size:9px;
        white-space:nowrap;
    }

    .cj-hc-store__contact-line a{
        color:#333 !important;
        font-size:10px;
        line-height:1.25;
        font-weight:800;
        text-align:right;
        text-decoration:none !important;
        overflow-wrap:anywhere;
    }

    .cj-hc-store__contact-line--phone a{
        font-size:11px;
    }

    .cj-hc-hours{
        margin:10px 12px 0;
        padding-top:9px;
        border-top:1px solid #f0f0f0;
    }

    .cj-hc-hours__row{
        display:flex;
        justify-content:space-between;
        gap:8px;
        margin-top:4px;
        font-size:9px;
        line-height:1.3;
    }

    .cj-hc-hours__row:first-child{
        margin-top:0;
    }

    .cj-hc-hours__row span{
        color:#999;
    }

    .cj-hc-hours__row strong{
        color:#333;
        font-weight:800;
        text-align:right;
    }

    .cj-hc-actions{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:7px;
        margin:11px 12px 12px;
    }

    .cj-hc-action{
        min-height:34px;
        display:flex;
        align-items:center;
        justify-content:center;
        border:1px solid #dcdcdc;
        border-radius:7px;
        color:#333 !important;
        font-size:11px;
        font-weight:800;
        text-decoration:none !important;
    }

    .cj-hc-action--primary{
        border-color:#6ccc43;
        background:#6ccc43;
        color:#fff !important;
    }

    .cj-hc-action:hover{
        border-color:#6ccc43;
        background:#f5fff2;
        color:#43ad3a !important;
    }

    .cj-hc-action--primary:hover{
        background:#58bb39;
        color:#fff !important;
    }

    .cj-hc-footer{
        display:flex;
        justify-content:flex-end;
        margin-top:12px;
        padding-top:12px;
        border-top:1px solid #eee;
    }

    .cj-hc-footer a{
        color:#3caf3e !important;
        font-size:11px;
        font-weight:800;
        text-decoration:none !important;
    }
}

@media (min-width:1200px) and (max-width:1350px){
    #header .header-top-wrapper{
        gap:14px;
    }

    .cj-header-contact{
        flex-basis:185px;
        width:185px;
        transform:translateX(8px);
    }

    .cj-header-contact__copy small{
        display:none;
    }

    .cj-header-contact__copy strong{
        font-size:13px;
    }

    .cj-header-contact__panel{
        width:750px;
        right:-105px;
    }
}

@media (max-width:1199px){
    .cj-header-contact{
        display:none !important;
    }
}