/*
    Theme Name: Motohandlarz.pl
    Theme URI: https://wpdesigner.pl
    Author: www.WPDesigner.pl
    Author URI: https://wpdesigner.pl
    Description: Dedykowany szablon zaprojektowany dla Motohandlarz.pl | Wszelkie prawa zastrzeżone.
    Version: 1.0
    Text Domain: motohandlarz
*/


/* klasy Wordpressa */
.entry{
    line-height:23px;
}

.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
    width: auto !important;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    *font-size: 11px;
    font-size: 16px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* własny CSS */

*{
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}

body{
    font-family: system-ui, sans-serif;
    font-size:17px;
    line-height: 25px;
    font-weight: normal;
    color:#252525;
    margin:0;
    padding:0;
}

a{
    text-decoration: none;
    cursor:pointer;
    color:#252525;
}

a:hover{
    color:#e40009;
}

ul, img{border:0;padding:0;margin:0;list-style:none;}

h1, h2, h3, h4, h5{
    font-family: system-ui, sans-serif;
    color:#252525;
}

h1{
    font-size:45px;
    line-height: 50px;
}

h2{
    font-size: 35px;
    line-height: 40px;
}

h3{
    font-size: 25px;
    line-height: 30px;
}

h4{
    font-size: 20px;
    line-height: 25px;
}

input, textarea, select, button {
    padding: 10px;
    border:0;
    border:1px solid #ddd;   
    color: #252525;
    width:100%;
    outline:inherit;
    font-family: system-ui, sans-serif;
    font-size: 16px;
}

textarea {
    max-height: 150px;
    min-height: 150px;
    width: 100%;
    font-size: 16px;
}

#content{
    margin-top: 130px;
}

.container{
    width:1450px;
    margin:0 auto;
}

#content #content-wrapper{
    padding: 60px 0;
}

#header{
    position: fixed;
    top:0;
    left: 0;
    width:100%;
    z-index:999;
    padding: 10px 0;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.32);
}

#header .logo img{
    width: 200px;
    display: grid;
}

#header.is-open{
    height: 100vh;
}

#header .right{
    margin-top: 10px;
}

.overflow-hidden{
    overflow: hidden;
}

#header.is-open #menu-rwd {
    float: right;
    cursor: pointer;
    margin-top: 12px;
    background: url(media/img/close.svg) no-repeat center;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
}

#header .row-1{
    padding: 10px 0px;
    border-bottom: 1px solid #E1E1E1;
}

#header.bg, #header.is-open {
    background-color: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

#header #menu{
    float:left;
}

#header #menu ul{
    display: table;
    margin: 0 auto;
}

#header #menu ul li{
    float:left;
    margin-right:20px;
}

#header #menu ul li a{
    display: block;
    color:#000;
    font-weight: 600;
    padding:10px 0;
    text-decoration: none;
    -webkit-transition: .5s;
    transition: .5s;
}

#header #menu ul li a:hover, #header #menu ul li.current-menu-item > a{
    color:#e40009;
}

#header .add-moto{
    color: #fff;
    font-weight: 600;
    background: #e40009;
    padding: 10px;
}

#header .header-account-link{
    display: inline-block;
    color: #000;
    font-weight: 600;
    margin-top: 10px;
    margin-right: 20px;
}

.mobile{
    display: none;
}

.spancolor {
    color: #e40009;
}

#content ul{
    list-style: none;
    padding-bottom: 10px;
}

#content .account-menu li{
	margin-bottom:10px;
}

#content .account-menu li::before{
    position: relative;
    content: "\2022";
    color: #e40009;
    font-weight: bold;
    display: inline-block;
    font-size:25px;
    line-height: 23px;
    margin-right:15px;
    top: 0;
}

.btn{
    display: inline-block;
    padding:8px 20px;
    font-weight: 600;
    text-align: center;  
    cursor: pointer;
    -webkit-transition: .5s;
    transition: .5s;
    text-decoration: none;
}

.btn.red, .edit-btn{
    border:2px solid #e40009;
    background:#e40009;
    color:#fff;
}

.btn.red:hover, .edit-btn:hover{
    background:transparent;
    color:#e40009;
}

.edit-btn{
	padding:0 10px;
	width:100%;
	margin-top:10px;
}

.btn.redborder{
    border:2px solid #e40009;
    background:transparent;
    color:#e40009;
}

.btn.redborder:hover{
    background:#e40009;
    color:#fff;
}

#footer{
    background: #f9f9f9;
    padding: 60px 0;
}

#footer .logo img{
    width: 200px;
    display: grid;
    height: auto;
}

#footer .col-40 p{
    max-width: 350px;
    margin-top: 30px;
}

input[type="submit"], button{
    display: inline-block;
    padding:13px 50px;
    border-radius: 0;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    background:#e40009;
    border:2px solid #e40009;
    color:#fff;
    width:auto;
    cursor: pointer;
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 17px;
    -webkit-appearance: none;
}

input[type="submit"]:hover, button:hover{
    background:none;
    color:#e40009;
}

.row{
    overflow: hidden;
}

.visible{
    display: block !important;
}

#menu-rwd {
    float: right;
    cursor: pointer;
    margin-top: 7px;
    display: none;
    background:url(media/img/menu.svg) no-repeat center;
    background-size:34px 34px;
    width:34px;
    height: 34px;
}

#page-title{
    padding: 0;
}

#content.single #page-title{
    padding: 150px 0;
}

#page-title h1{
    color: #000;
    margin:0;
    display: inline-block;
    text-align: left;
}

.row{overflow: hidden;}
.col-20{float:left;width:20%;}
.col-25{float:left;width:25%;}
.col-30{float:left;width:30%;}
.col-33{float:left;width:33.3%;}
.col-35{float:left;width:35%;}
.col-39{float:left;width:39%;}
.col-40{float:left;width:40%;}
.col-45{float:left;width:45%;}
.col-50{float:left;width:50%;}
.col-55{float:left;width:55%;}
.col-60{float:left;width:60%;}
.col-61{float:left;width:61%;}
.col-65{float:left;width:65%;}
.col-67{float:left;width:67%;}
.col-70{float:left;width:70%;}
.col-75{float:left;width:75%;}
.col-80{float:left;width:80%;}
.left{float:left;}
.right{float:right;}

.wpcf7-form{
    margin-top:0;
}

span.wpcf7-not-valid-tip{
    margin:5px 0;
}

div.wpcf7-response-output{
    margin:0 !important;
    clear: both;
}

.wpcf7-form input[type="submit"]{
    margin:20px 0;
}

.wpcf7-not-valid{
    border:1px solid #f00;
}

.wpcf7-not-valid-tip{
    display: none !important;
}

.wpcf7-form p{
    margin:0 !important;
}

table{
    margin:0 auto;
    width:100%;
    border-collapse:collapse;
}

table,tr,td{
    border:1px solid #eee;
}

table td{
    padding:15px;
}

input[type="checkbox"] {
    width: auto;
}

.wpcf7-checkbox .wpcf7-list-item-label{
    font-size:13px;
}

span.wpcf7-list-item{
    margin-left:0 !important;
}

/** REJESTRACJA **/

.register-form{
    max-width: 760px;
    margin: auto;
}

.register-form button{
    margin-top: 10px;
}

/** SINGLE AUTA **/

#content.single{
    overflow: hidden;
    margin-top:60px;
}

#content.single h1, #content.single .h1{
    margin: 0;
	 font-family: 'Noto Serif', serif;
    font-weight: 700;
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 5px;
}

#content.single .c1 img{
    width: 100%;
    height: auto;
    display: grid;
    object-fit: cover;
}

#content.single .c1 .main-slider img{
    height: 500px;
    padding: 2.5px;
}

#content.single .c1 .thumbnails-slider img{
    height: 150px;
    object-fit: cover;
    max-height: 150px;
    cursor: pointer;
    padding: 2.5px;
}

#content.single .c1 .row-1{
    padding: 30px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-top: 30px;
}

#content.single .c1 .row-1 h2{
    margin: 0;
    margin-bottom: 30px;
}

#content.single .c1 .row-1 .details{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#content.single .c1 .row-1 .detail{
    text-align: center;
    font-size: 14px;
}

#content.single .c1 .row-1 .detail img{
    width: 40px;
    display: table;
    margin: auto;
    margin-bottom: 10px;
}

#content.single .c1 .row-1 .detail span{
    display: block;
    color: #999;
    font-size: 12px;
    line-height: 12px;
    margin-bottom: 3px;
}

#content.single .c1 .row-1 .detail p{
    margin:0;
}

#content.single .c1 .row-2 .details{
    margin-top: 30px;
    overflow: hidden;
}

#content.single .c1 .row-2 .detail{
    width: 48%;
    margin-right: 4%;
    float: left;
    padding-top: 7px;
    padding-bottom: 7px;
    border-bottom: 1px solid #eee;
}

#content.single .c1 .row-2 .detail:nth-child(2n){
    margin-right: 0;
}

#content.single .c1 .row-2 .details span{
    font-weight: bold;
    float: right;
}

#content.single .c1 .row-3 {
    margin-top: 30px;
    padding-bottom: 30px;
    border-top: 1px solid #ddd;
}

#content.single .c1 .row-3 h3{
    font-size: 20px;
    line-height: 25px;
}

#content.single .c1 .row-3 li, #content.single .c1 .row-3 span{
    display: block;
    padding-top: 7px;
    padding-bottom: 7px;
    border-bottom: 1px solid #eee;
}

#content.single .c1 .row-3 .spec-section .spec-toggle {
    font-size: 20px;
    line-height: 25px;
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 0;
    padding: 10px 45px 10px 30px;
    border-bottom: 1px solid #ddd;
    background-repeat: no-repeat, no-repeat !important;
    background-position: left center, right center !important;
    background-size: 20px, 15px !important;
}

/* Ikony lewe + prawa dla każdej sekcji */
#content.single .c1 .row-3 h3.basic {
    background-image: url(media/img/basic.svg), url(media/img/plus.svg);
}

#content.single .c1 .row-3 h3.basic.open {
    background-image: url(media/img/basic.svg), url(media/img/minus.svg);
}

#content.single .c1 .row-3 h3.specification {
    background-image: url(media/img/specification.svg), url(media/img/plus.svg);
}

#content.single .c1 .row-3 h3.specification.open {
    background-image: url(media/img/specification.svg), url(media/img/minus.svg);
}

#content.single .c1 .row-3 h3.history {
    background-image: url(media/img/history.svg), url(media/img/plus.svg);
}

#content.single .c1 .row-3 h3.history.open {
    background-image: url(media/img/history.svg), url(media/img/minus.svg);
}

#content.single .c1 .row-3 h3.equipment {
    background-image: url(media/img/equipment.svg), url(media/img/plus.svg);
}

#content.single .c1 .row-3 h3.equipment.open {
    background-image: url(media/img/equipment.svg), url(media/img/minus.svg);
}

/* Domyślnie ukryta zawartość */
#content.single .c1 .row-3 .spec-section .spec-content {
    display: none;
}

#content.single .c2{
    padding-left: 60px;
}

#content.single .added-date{
    margin-top: 0;
    font-size: 12px;
}

#content.single .c2 .moto-negotiable{
    color: #999;
}

#content.single .c2 .price{
    font-size: 30px;
    line-height: 35px;
    margin-top: 30px;
    font-weight: 600;
}

#content.single .c2 .content{
    padding: 20px;
    border: 1px solid #ddd;
    position: relative;
}

#content.single .c2 .content .seller-box{
    margin-top: 30px;
}

#content.single .c2 .content .seller-meta h4{
    margin: 0;
}

#content.single .c2 .content .seller-meta p.user{
    background: url(media/img/user.svg) no-repeat center left;
    background-size: 16px;
    padding-left: 25px;
}

#content.single .c2 .content .seller-meta p.user-more{
    background: url(media/img/cars.svg) no-repeat center left;
    background-size: 16px;
    padding-left: 25px;
}

#content.single .c2 .content .seller-box .btn{
    display: block;
    width: 100%;
    margin-top: 10px;
}

#content.single .c2 .content .seller-box .contact-location{
    margin-top: 30px;
}

#content.single .c2 .content .seller-box .contact-location .map{
    background: url(media/img/map.svg) no-repeat center left;
    background-size: 16px;
    padding-left: 25px;
    display: block;
    margin-bottom: 15px;
}

#content.single .c2 #send-message-form button{
    margin-bottom: 0;
    width: 100%;
    background: #252525;
    border: 2px solid #252525;
}

#content.single .c2 #send-message-form button:hover{
    background: none;
    color: #252525;
}

/** ARCHIVE AUTA **/

#content.archive-motors .moto{
    display: flex;
    column-gap: 20px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    padding: 20px;
    position: relative;
}

#content.archive-motors .moto .img{
    width: 20%;
}

#content.archive-motors .moto .content{
    width: 60%;
}

#content.archive-motors .moto .price{
    width: 20%;
    text-align: right;
    font-size: 23px;
    line-height: 28px;
    color: #e40009;
    font-weight: 600;
}

#content.archive-motors .moto h4{
    margin: 0;
}

#content.archive-motors .moto .moto-negotiable{
    margin-top: 0;
    font-size: 14px;
    color: #999;
}

#content.archive-motors .moto .details{
    display: flex;
    column-gap: 10px;
    font-size: 14px;
    margin: 20px 0;
}

#content.archive-motors .moto .contact-location p{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
}

#content.archive-motors .moto .contact-location span{
    font-size: 14px;
    background: url(media/img/map.svg) no-repeat center left;
    background-size: 16px;
    padding-left: 25px;
}

#content.archive-motors .moto .added-date{
    font-size: 12px;
}

#content.archive-motors .moto .favorite-post{
    position: absolute;
    bottom: 20px;
    right: 20px;
    top: inherit;
}

/** MOJE KONTO **/

#content.account-page .motors .row-2{
    grid-template-columns: repeat(3, 1fr);
}

#content.account-page .c2 h2{
    margin-top: 0;
}

/** STRONA GŁÓWNA **/

.section-1 h1{
    margin-top: 0;
}

/** SAMOCHODY STRONA GŁÓWNA **/

.section-2 .moto-year, #content.archive-motors .moto .details .moto-year, #content.archive-favorite .moto .details .moto-year{
    background: url(media/img/moto_year.svg) no-repeat center left;
    background-size: 16px;
    padding-left: 25px;
    display: block;
}

.section-2 .moto-fuel, #content.archive-motors .moto .details .moto-fuel, #content.archive-favorite .moto .details .moto-fuel{
    background: url(media/img/moto_fuel.svg) no-repeat center left;
    background-size: 16px;
    padding-left: 25px;
    display: block;
}

.section-2 .moto-power, #content.archive-motors .moto .details .moto-power, #content.archive-favorite .moto .details .moto-power{
    background: url(media/img/moto_power.svg) no-repeat center left;
    background-size: 16px;
    padding-left: 25px;
    display: block;
}

.section-2 .moto-engine, #content.archive-motors .moto .details .moto-engine, #content.archive-favorite .moto .details .moto-engine{
    background: url(media/img/moto_engine.svg) no-repeat center left;
    background-size: 16px;
    padding-left: 25px;
    display: block;
}

.section-2 .moto-mileage, #content.archive-motors .moto .details .moto-mileage, #content.archive-favorite .moto .details .moto-mileage{
    background: url(media/img/moto_mileage.svg) no-repeat center left;
    background-size: 16px;
    padding-left: 25px;
    display: block;
}

.section-2 .moto-transmission, #content.archive-motors .moto .details .moto-transmission, #content.archive-favorite .moto .details .moto-transmission{
    background: url(media/img/moto_transmission.svg) no-repeat center left;
    background-size: 16px;
    padding-left: 25px;
    display: block;
}

.section-2 .details, #content.archive-favorite .moto .details{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.section-2 .price, #content.archive-favorite .moto  .price{
    margin-top: 20px;
    font-size: 23px;
    line-height: 28px;
    color: #e40009;
    font-weight: 600;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

/** SEKCJA INFORMACYJNA NA HOME **/

.section-3{
    margin: 60px 0;
}

.section-3 .tag-list {
    display: flex;
    flex-wrap: wrap; /* zawijanie w kolejne linie */
    gap: 10px;       /* odstęp między tagami */
    list-style: none;
    padding: 0;
    margin: 0;
}

.section-3 .tag-list li {
    margin: 0;
}

.section-3 .tag-list li a {
    display: inline-block;
    padding: 1px 5px;
    background-color: #f9f9f9;
    color: #333;
    text-decoration: none;
    border: 1px solid #eee;
    font-size: 11px;
    transition: all 0.2s ease-in-out;
}

.section-3 .tag-list li a:hover {
    background-color: #e40009;
    color: #fff;
    border-color: #e40009;
}

/* Sekcje: marki i miasta */
.section-3 .popular-brands,
.section-3 .search-cities,
.section-3 .popular-models,
.section-3 .search-regions {
    margin: 40px 0;
}

.section-3 .popular-brands h2,
.section-3 .search-cities h2,
.section-3 .popular-models h2,
.section-3 .search-regions h2 {
    font-size: 15px;
    margin-bottom: 20px;
    border-left: 4px solid #e40009;
    padding-left: 10px;
}


.section-4 {
    background-color: #e40009;
    color: #fff;
    padding: 60px 0;
    text-align: center;
}

.section-4 .cta-box {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 20px;
}
    
.section-4 .cta-box h2{
    margin-top: 0;
    color: #fff;
}

.section-4 h4{
        color: #fff;
    margin-bottom: 0;
    font-weight: 400;
    }    
    
/* Przycisk CTA */
.btn.white {
    display: inline-block;
    background: #fff;
    border: 2px solid #fff;
    color: #e40009;
    font-size: 16px;
    text-decoration: none;
    margin-top: 30px;
}

.btn.white:hover {
    background: none;
    color: #fff;
}

.motors .moto:hover{
    color: #000;
}

.motors .moto img{
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: grid;
}

.motors .moto h4{
    font-size: 17px;
    line-height: 22px;
    margin: 10px 0;
}

.motors .moto h3{
    margin: 10px 0;
}

.motors .row-1{
    display: flex;
    column-gap: 20px;
    margin-bottom: 40px;
}

.motors .row-1 .first-offer{
    width: 50%;
}

.motors .row-1 .first-offer .price{
    font-size: 30px;
    line-height: 35px;
    padding-top: 20px;
    margin-top: 13px;
}

.motors .row-1 .first-offer .img{
    position: relative;
}

.motors .row-1 .first-offer img{
    height: 665px;
}

.motors .row-1 .first-offer .badge{
    position: absolute;
    background: #e40009;
    padding: 10px 20px;
    bottom: 0;
    left: auto;
    color: #fff;
    font-weight: 600;
}

.motors .row-1 .second-offers{
    width: 50%;
}

.motors .row-1 .second-offers .motors{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 20px;
}

.motors .row-2{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 20px;
}

.search-form{
    padding: 120px 0;
}

/** ULUBIONE **/

.favorite-post {
    background: url(media/img/heart-off.svg) no-repeat center;
    background-size: 25px;
    width: 25px;
    height: 25px;
    padding-left: 50px;
    border: none;
    cursor: pointer;
    color: #999;
    transition: color 0.3s ease; 
    position: absolute;
    top: 10px;
    right: 10px;
}

.favorite-post.active {
    background: url(media/img/heart-on.svg) no-repeat center;
    background-size: 25px;
}

.favorite-header{
    position: relative;
    margin-left: 30px;
}

.favorite-header .icon-heart {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(media/img/heart-off.svg) no-repeat center;
    background-size: 25px;
    vertical-align: middle;
    transition: background 0.3s ease;
    margin-right: 5px;
}

.favorite-header.active .icon-heart {
    background: url(media/img/heart-on.svg) no-repeat center;
    background-size: 25px;
}

.favorite-post i {
    font-size: 22px;
    pointer-events: none; 
}

#content.archive-favorite .moto .favorite-post {
    position: static;
}

#content.archive-favorite .moto .price{
    display: flex;
    justify-content: space-between;
}

/** WYSZUKIWARKA **/

#gallery-preview {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* max 5 kolumn */
    gap: 12px;
    margin: 15px 0;
}

#gallery-preview .thumb {
    position: relative;
    width: 100%;
    height: 180px; /* stała wysokość miniatury */
    border: 1px solid #ccc;
    overflow: hidden;
    background-color: #f9f9f9;
    display: flex;
    align-items: center;
    justify-content: center;
}

#gallery-preview .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* zawsze przycina proporcjonalnie do kontenera */
    display: block;
}

#gallery-preview .thumb .remove {
    position: absolute;
    top: 4px;
    right: 4px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    border: none;
    border-radius: 50%;
    font-size: 16px;
    width: 24px;
    height: 24px;
    line-height: 22px;
    text-align: center;
    cursor: pointer;
    transition: background 0.2s ease;
}

#gallery-preview .thumb .remove:hover {
    background: rgba(255, 0, 0, 0.8);
}

/* === Styl formularza dodawania ogłoszeń samochodów === */
.moto-form .form-row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 16px;
    margin-bottom: 20px;
}

.moto-form input[type="text"],
.moto-form input[type="email"],
.moto-form input[type="number"],
.moto-form select {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    font-size: 16px;
}

.moto-form .checkbox-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.checkbox-group {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 20px;
    margin-bottom: 20px;
}

.checkbox-group label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    background: #f5f5f5;
    padding: 8px 10px;
    border: 1px solid #ccc;
    cursor: pointer;
    transition: background 0.2s ease;
}

.checkbox-group label:hover {
    background: #e9e9e9;
}

.checkbox-group input[type="checkbox"] {
    accent-color: #e40009; /* kolor WordPressa */
    transform: scale(1.1);
}    

@media (max-width: 768px) {
    .checkbox-group {
        grid-template-columns: 1fr;
    }
} 

.quicktags-toolbar input[type="button"] {
    padding: 6px 10px;
    margin: 4px 4px 0 0;
    font-size: 13px;
    border: 1px solid #ccc;
    background: #f9f9f9;
    cursor: pointer;
    width: auto;
    display: inline-block;
}

.quicktags-toolbar input[type="button"]:hover {
    background: #e9e9e9;
    border-color: #bbb;
}

.quicktags-toolbar {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
}
    
.gallery-upload {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin: 20px 0;
}

.gallery-upload label {
    width: 100%;
    font-weight: 600;
    margin-bottom: 6px;
}

#upload-filename {
    font-size: 14px;
    max-width: 100%;
    word-break: break-word;
}

/* Ramka inputa Selectize w focus */
.selectize-control.single .selectize-input.focus,
.selectize-control.single .selectize-input:focus {
    border: 2px solid #e40009 !important;
    box-shadow: none !important;
}

/* Styl opcji aktywnej w rozwijanym menu */
.selectize-dropdown .selectize-dropdown-content .option.active,
.selectize-dropdown .selectize-dropdown-content .option:hover {
    background-color: #e40009 !important;
    color: #fff !important;
}

/* Ramka inputa domyślna */
.selectize-control.single .selectize-input {
    border: 1px solid #ccc;
    padding: 10px 12px;
    background: #fff !important;;
    min-height: 42px;
    display: flex;
    align-items: center;
    border-radius: 0 !important;
}

/* Wyrównanie placeholdera */
.selectize-control.single .selectize-input::placeholder {
    color: #999;
}

/** SWEET ALERT **
/* 🔴 Usuń zaokrąglenia i nadaj klasyczny prosty styl */
.swal2-popup {
    border-radius: 0 !important;
    padding: 30px;
    font-family: inherit;
}

/* 🔴 Styl czerwonego przycisku "OK" */
.swal2-confirm {
    background-color: #e40009 !important;
    color: #fff !important;
    border: none !important;
    box-shadow: none !important;
    padding: 10px 24px;
    font-weight: 600;
    border-radius: 0 !important;
    font-size: 15px;
}

/* 🔴 Zmiana koloru ikony X (opcjonalnie dopasowana do koloru brandu) */
.swal2-icon.swal2-error {
    border-color: #e40009;
    color: #e40009;
}

.selectize-dropdown, .selectize-input, .selectize-input input{
    font-size: 16px !important;
}



::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #252525;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #252525;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #252525;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #252525;
}