/*
Theme Name: CreditHistory WP - Full
Theme URI: https://credithistory.com.ua
Author: Generated by ChatGPT
Version: 1.0
Description: Повна копія сайту credithistory.com.ua у вигляді теми WordPress. Авто-створює сторінки, меню і вбудовує логотип.
Text Domain: credithistory-wp-full
*/
body{font: normal 14px / 20px 'DroidSansRegular', Trebuchet MS, Helvetica, sans-serif; color:#222; margin:0; padding:0; background:url(img/icb-backmain.jpg) 50% 0% no-repeat;min-height: 652px}
.wrap{max-width:1100px;margin:0 auto;padding:0 16px;}
header{padding:18px 0;}
.site-branding{display:flex;flex-wrap: nowrap; align-items: flex-start;flex-direction: column; gap:0px;background: url(img/header-bg.png) repeat-x;}
.logo{width: 400px;float: left;height: 110px;background: url(img/logo.png) no-repeat 5px 8px;background-size: 60%;}

    
    
/*.custom-logo{width: 400px;float: left;height: 110px;}*/
.site-title{font-size:20px;margin:0;}
.site-description{font-size:13px;color:#777;margin:0;}
nav.top-menu ul{list-style:none;margin:0;padding:0;display:flex;gap:0px;}
nav.top-menu li{background: url(img/top-nav.png);border-right: 1px solid #343434;}
nav.top-menu li.menu-item-29{border-top-left-radius: 3px;}
nav.top-menu li.menu-item-30{border-top-right-radius: 3px;}
nav.top-menu li.current-menu-item{background: #363636;}
nav.top-menu a{padding:8px 20px;display:inline-block;color: #B0B1B1;text-decoration: none;font-size:15px;}
nav.top-menu a.active{background:#c8102e;color:#fff;}
nav.top-menu a:hover{color:#fff;}


nav.customer-menu ul, nav.creditor-menu ul{list-style:none;margin:0px 0 0;padding:0;display:flex;gap:14px;}
nav.customer-menu li.current-menu-item, nav.customer-menu li:hover,
nav.creditor-menu li.current-menu-item, nav.creditor-menu li:hover
{background: transparent url(img/nav-arrow.png) top center no-repeat;}
nav.customer-menu a,
nav.creditor-menu a
{display:inline-block;padding:6px 8px;line-height: 40px;color: white;text-decoration: none;}

/* Гамбургер */
.mobile-smenu-toggle {
  display: none;
  width: 30px;
  height: 24px;
  position: relative;
  cursor: pointer;
}

.mobile-smenu-toggle span,
.mobile-smenu-toggle span::before,
.mobile-smenu-toggle span::after {
  content: "";
  display: block;
  height: 3px;
  width: 100%;
  background: black;
  position: absolute;
  left: 0;
  transition: 0.3s;
}

.mobile-smenu-toggle span {
  top: 50%;
  transform: translateY(-50%);
}
.mobile-smenu-toggle span::before {
  top: -8px;
}
.mobile-smenu-toggle span::after {
  top: 8px;
}

/* Активное состояние гамбургера (крестик) */
.mobile-smenu-toggle.active span {
  background: transparent;
}
.mobile-smenu-toggle.active span::before {
  transform: rotate(45deg);
  top: 0;
}
.mobile-smenu-toggle.active span::after {
  transform: rotate(-45deg);
  top: 0;
}
/* Мобильное меню (скрытое по умолчанию) */
@media (max-width: 768px) {
  nav.customer-menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 250px;
    height: 100%;
    background: #fff;
box-shadow: -2px 0 10px rgba(0,0,0,0.3);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: right 0.3s ease;
    z-index: 999;
  }

  nav.customer-menu ul {
    flex-direction: column;
    gap: 2px;
list-style:disc;
  }
nav.customer-menu li.current-menu-item, nav.customer-menu li:hover{
	background:none;

}
nav.customer-menu li a{
	color:#000;
}
nav.customer-menu li.current-menu-item a {
	border-bottom: 1px dashed;
}

  .mobile-smenu-toggle {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1000;
  }

  /* Когда активно */
  nav.customer-menu.active {
    right: 0;
  }
}


nav.secondary-menu {background:url(img/subnav-bg.png);background-size:contain;min-width:30%;}
nav.secondary-menu li {border-bottom: solid 1px #EBEBEB;line-height: 22px;}
nav.secondary-menu li a{text-decoration: none;color: #303030;margin: 8px 0px;display:inline-block;}
nav.secondary-menu li.current-menu-item a{border-bottom: 1px dashed;}

/* --- Мобильная версия --- */
@media (max-width: 768px) {
  nav.secondary-menu {
    position: fixed;
    top: 0;
    right: -100%; /* спрятано за экраном */
    width: 75%;
    height: 100%;
    background: #fff;
    box-shadow: -2px 0 10px rgba(0,0,0,0.3);
    overflow-y: auto;
    transition: right 0.3s ease;
    z-index: 9999;
    padding: 20px;
flex-direction: column;
display: flex;
justify-content: center;
  }

  nav.secondary-menu.open {
    right: 0; /* появляется */
  }

  .mobile-menu-toggle {
    display: block;
    position: absolute;
    width: 30px;
    height: 20px;
    cursor: pointer;
    z-index: 10000;
    #left:20px;
   top:30px;
right:20px
  }

  .mobile-menu-toggle span,
  .mobile-menu-toggle span::before,
  .mobile-menu-toggle span::after {
    content: "";
    display: block;
    height: 3px;
    background: #303030;
    border-radius: 2px;
    position: absolute;
    width: 100%;
    transition: all 0.3s ease;
  }

  .mobile-menu-toggle span::before {
    top: -8px;
  }
  .mobile-menu-toggle span::after {
    top: 8px;
  }

  /* при открытии превращается в крестик */
  .mobile-menu-toggle.active span {
    background: transparent;
  }
  .mobile-menu-toggle.active span::before {
    transform: rotate(45deg);
    top: 0;
  }
  .mobile-menu-toggle.active span::after {
    transform: rotate(-45deg);
    top: 0;
  }
}

/* скрыть кнопку на десктопе */
@media (min-width: 769px) {
  .mobile-menu-toggle {
    display: none;
  }
}




.hero{background:#fff;padding:48px 20px;margin-top:18px;border-radius:6px;}
.hero h1{margin:0 0 10px;font-size:28px;color:#c8102e;}
.columns{display:flex;gap:20px;margin-top:28px;flex-wrap:wrap;}
.col{background:#fff;padding:20px;border-radius:6px;flex:1;min-width:240px;}
.content{padding:0px 0;display: flex; }
.content-f{padding:0px 0;display: block; }
.page-content{background:#fff;padding:24px;min-width:65%;}
.mainpagecontent{background:#fff;padding:20px}
footer.site-footer{background:#2b2b2b;color:#fff;padding:36px 0;margin-top:40px;}
.footer-content{width:100%}

.page-27{background:none;}
.product-slide {
    position: absolute;
    width: 25%;
    height: 290px;
    margin: 180px 0 0 0;
    background: #C70F11;
    z-index: 10;
    padding: 0px;}
.like-screen{
    border-radius: 8px;
    background: #000;
    padding: 15px;
    #margin-bottom: 20px;
width:70%;
margin: 25px 0 0 300px;
}
.footer-divider {
    background: url(img/footer-divider.png) no-repeat center center;
    height: 40px;
    width: 80%;
    margin: 20px auto 0;
display:flex;
    justify-content: center;}
.custom-footeraddress ul {
    list-style: none;
}
.custom-footeraddress ul li {
    float: left;
    margin: 0 10px;
    color: #fff;}
.map{display: flex;}

/*
@media (max-width:800px){.columns{flex-direction:column;}nav.sub-menu ul{flex-direction:column;}}
*/

@media (max-width: 768px) {
  .product-slide,  .like-screen, .creditor-menu {
    display: none !important;
  }
.footer-content{display:flex;gap:20px;flex-wrap:wrap;}
.content{padding:0px 0;display: flex; }
}

figcaption.wp-element-caption{text-align:center}