/*   
Theme Name: Pirelli Circle 2026 Theme
Description: Wordpress Theme for Pirelli Circle 2026 website
Author: MGE
Version: 1
*/

@font-face {
	font-family: 'Gotham-Medium';
	src: url('fonts/GothamMedium.ttf');
}

@font-face {
	font-family: 'Gotham-Light';
	src: url('fonts/GothamLight.ttf');
}

@font-face {
	font-family: 'Gotham-Bold';
	src: url('fonts/GothamBold.ttf');
}

* { margin: 0; padding: 0; }
body { background: #fff; color: #000; font-size: 14px; font-family: 'Gotham-Light';  padding-bottom: 30px;}

h1, h2, h3 { font-weight: normal; margin: 0 0 10px 0; }
h1 { }
h2 { }
h3 { }

p { margin: 0 0 10px 0; }
a { text-decoration: none !important; }
a:hover { text-decoration: none !important; } 

blockquote { }
blockquote p { }

ul, ol { margin: 0 0 10px 0; }

.post { }

.entry { }
.entry a { }
.entry a:hover { }

pre { }
code, tt { }

#meta { }
.postmetadata { }

#sidebar { }

.navgation { }
   .next-posts { }
   .prev-posts { }

#searchform { }
	#s { }
	#searchsubmt { }
	
ol.commentlist { list-style: none; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor { }
ol.commentlist li.byuser { }
ol.commentlist li.comment-author-admin { }
ol.commentlist li.comment { border-bottom: 1px dotted #666; padding: 10px; }
ol.commentlist li.comment div.comment-author { }
ol.commentlist li.comment div.vcard { }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard cite.fn a.url { }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.vcard img.avatar-32 { }
ol.commentlist li.comment div.vcard img.photo { }
ol.commentlist li.comment div.vcard span.says { }
ol.commentlist li.comment div.commentmetadata { }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment p { }
ol.commentlist li.comment ul { }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li { }
ol.commentlist li.comment ul.children li.alt { }
ol.commentlist li.comment ul.children li.bypostauthor { }
ol.commentlist li.comment ul.children li.byuser { }
ol.commentlist li.comment ul.children li.comment { }
ol.commentlist li.comment ul.children li.comment-author-admin { }
ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-5 { }
ol.commentlist li.comment ul.children li.odd { }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #f6f6f6; }
ol.commentlist li.parent { border-left: 5px solid #111; }
ol.commentlist li.thread-alt { }
ol.commentlist li.thread-even { }
ol.commentlist li.thread-odd { }

form { }
input[type=text] { }
textarea { }


.nm { margin: 0 !important; }
.np { padding: 0; }
.np-right { padding-right: 0px; }
.np-left { padding-left: 0px; }

.mtop1 { margin-top: 10px; }
.mtop2 { margin-top: 20px; }
.mtop3 { margin-top: 30px; }
.mtop5 { margin-top: 50px; }

.mbottom1 { margin-bottom: 10px; }
.mbottom2 { margin-bottom: 20px; }
.mbottom3 { margin-bottom: 30px; }
.mbottom5 { margin-bottom: 50px; }

.img-flex img { width: 100%; height: inherit; }
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.lg-hide { display: none !important;}

.yellow { color: #F9D500 !important; }
.white, .white:hover { color: #fff !important; }
.black, .black:hover { color: #000;}
.red { color: #E42329; }

.bg-yellow { background: #F9D500 !important;}
.bg-black { background: #000;}

.italic, em { font-family: 'Montserrat-Italic', Arial, Helvetica, Verdana, sans-serif; }
.strong, strong { font-family: 'Gotham-Bold', Arial, Helvetica, Verdana, sans-serif; }
.semibold { font-family: 'Gotham-Medium', Arial, Helvetica, Verdana, sans-serif; }
.reg { font-family: 'Montserrat-Regular', Arial, Helvetica, Verdana, sans-serif; }
.light { font-family: 'Gotham-Light', Arial, Helvetica, Verdana, sans-serif; }

.form-control, .form-select { font-size: 14px; }

.logo img { width: 185px; }

.header.navbar { border-bottom: solid 1px #ccc; }

.header-menu ul { text-align: right; margin: 5px 0; }
.header-menu ul li { list-style: none; display: inline-block;  }
.header-menu ul a { color: #000; font-size: 13px; margin: 5px; }

.header-menu ul li::after {  content: "|"; color: #000;}
.header-menu ul li:last-child::after { content: ""; }

.profile-menu { padding: 10px 0; border-bottom: solid 1px #ccc; }
.profile-menu .point { font-size: 20px; }

.dealer-menu { padding: 30px 0 20px; }

.page { padding: 50px 0;}
.breadcrumb { background: #eee; padding: 10px 10px; margin-bottom: 0;}

.button-group {
  display: flex; gap: 10px; 
  width: 100%;
}


.gallery-list {
    list-style: none;
    padding: 0;
    margin-top: 10px;
}

.gallery-list li {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 5px;
    background: #eee;
    border: solid 1px #e4dfdf;
    padding: 10px;
}

.gallery-list .remove-image {
    background: none;
    border: 0;
    color: #c00;
    cursor: pointer;
    font-size: 14px;
}

.gallery-list .remove-image {
    display: inline-block; position: absolute; right: 15px;
    
}
.gallery-list:empty {
    display: none;
} 



.button-group button { flex: 1; text-align: center;  padding: 12px; }

.button { border-radius: 25px; text-transform: uppercase; }

.btn {
    font-size: 12px;
    border: 0;
    outline: 0 !important;
    padding: 12px 20px;
    border-radius: 20px;
}

.stock-label { padding: 5px 10px; margin-bottom: 10px; display: inline-block; border-radius: 3px; }


#table_id thead th.sorting_disabled {
    background-image: none !important;
    cursor: default;
}

table thead th { text-transform: uppercase;}



.content { padding: 50px 0; }

.footer { padding: 20px 0; position: fixed; bottom: 0; width: 100%; }

.cookie-notice {
  position: fixed;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  max-width: 700px;
  background: rgba(0, 0, 0, 0.95);
  color: #fff;
  border-radius: 12px;
  padding: 20px 25px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.6);
  z-index: 9999;
  display: none;
  border: 1px solid rgba(255,255,255,0.1);
  backdrop-filter: blur(6px);
}

.cookie-inner {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.cookie-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cookie-buttons button {
  background: #FFD100;
  color: #000;
  border: none;
  padding: 10px 18px;
  border-radius: 25px;
  font-weight: bold;
  cursor: pointer;
}

@media (max-width: 768px) {
  .points-wrapper {
    flex-direction: column;
  }
}



@media screen and (max-width: 991px) {

}

@media screen and (max-width: 768px) {

}

@media screen and (max-width: 590px) {
    .sm-hide { display: none !important;}
  .sm-show { display: block !important;}
}

@media screen and (max-width: 427px) {
  .container { padding: 0 20px; }
  .header .logo { text-align: center; }


}

@media screen and (max-width: 376px) {

}