/* Main container for the cookie consent window */
.cookie-control-window {
    width                 : 380px;
    padding               : 15px;
    box-shadow            : 0 2px 10px rgba(0, 0, 0, 0.2);
    z-index               : 10000;
    border-radius         : 15px;
    display               : flex;
    flex-direction        : row;
    gap                   : 15px;
    align-items           : center;
    position              : fixed;
    /*Dynamicvalueswillbesetviainlinestylevariables*/
    background-color      : var(--cc-bg-color);
    border                : 4px solid var(--cc-border-color);
    -webkit-border-radius : 15px;
    -moz-border-radius    : 15px;
    -ms-border-radius     : 15px;
    -o-border-radius      : 15px;
}

/* Countdown timer inside the cookie window */
.cookie-countdown {
    position         : absolute;
    top              : 5px;
    right            : 10px;
    background-color : rgba(0, 0, 0, 0.5);
    color            : white;
    font-size        : 12px;
    font-weight      : bold;
    padding          : 2px 6px;
    border-radius    : 10px;
    z-index          : 1;
    /* To be on top of other content inside the window */
}

/* Positioning classes */
.cc-bottom-right {
    bottom : 20px;
    right  : 20px;
}

.cc-top-right {
    top   : 20px;
    right : 20px;
}

.cc-bottom-left {
    bottom : 20px;
    left   : 20px;
}

.cc-top-left {
    top  : 20px;
    left : 20px;
}

/* Left column with the icon */
.cookie-icon {
    width       : 100px;
    height      : 100px;
    flex-shrink : 0;
}

/* Right column with text and buttons */
.cookie-content-right {
    display        : flex;
    flex-direction : column;
    gap            : 15px;
    flex-grow      : 1;
}

/* The main text message */
.cookie-text {
    font-size   : 13px;
    line-height : 1.4;
    color       : var(--cc-text-color);
}

/* Container for the buttons */
.cookie-buttons {
    display        : flex;
    flex-direction : column;
    gap            : 8px;
    width          : 100%;
    align-items    : stretch;
}

/* Styling for buttons to ensure they take full width and are consistent */
.cookie-buttons .button {
    box-sizing : border-box;
    text-align : center;
    width      : 100%;
    display    : block;
    /* Important for the <a> tag */
}

/* Pole informacyjne na stronie cookie_info.php */
.cookie-info-notice {
    display               : block;
    margin                : 20px auto;
    padding               : 15px;
    border                : 3px solid #c20a0a;
    background-color      : #000000;
    color                 : #6affff;
    text-align            : center;
    border-radius         : 15px;
    max-width             : 80%;
    -webkit-border-radius : 15px;
    -moz-border-radius    : 15px;
    -ms-border-radius     : 15px;
    -o-border-radius      : 15px;
}

.cookie-info-notice strong {
    color : #c00;
    /* Wyróżnienie ważnego tekstu */
}

/* Style dla panelu administracyjnego (cookie_control_add_cookies.php) */
.small-info {
    font-size : 9px;
}

.input-150 {
    width : 150px;
}

.input-400 {
    width : 400px;
}

.v-align-top {
    vertical-align : top;
}

.cookie-default-text {
    color : #18BD02;
}

.cookie-default-text-strong {
    font-weight : bold;
    color       : #18BD02;
}

.cookie-custom-text {
    color : #ff0000;
}

.actions-cell {
    text-align  : center;
    white-space : nowrap;
}

.action-disabled {
    text-decoration : line-through;
}

.admin-pagination {
    margin-top : 5px;
}

/* Drzewo nawigacji w panelu admina */
.admin-nav-tree {
    margin-bottom : 10px;
}

.admin-nav-tree .icon-cell {
    width      : 31px;
    text-align : right;
}

.admin-nav-tree .text-cell {
    padding-left : 3px;
}

.admin-nav-tree .current-page {
    font-weight : bold;
}