/*
Theme Name: Vape Plug (Turbo Clone)
Theme URI: https://vapeplugaustralia.com
Author: Site owner
Description: WooCommerce theme that reproduces the Vape Plug Australia storefront design (Turbo 8.3.0 look) with a working WooCommerce catalogue, cart and checkout.
Version: 1.0.3
Requires at least: 6.0
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: vapeplug
WC requires at least: 7.0
*/

/* ------------------------------------------------------------------
   Design tokens + header/footer niceties carried over from the live
   storefront's own custom CSS (adapted to WordPress markup).
   The main stylesheet (assets/turbo.css) is enqueued separately.
-------------------------------------------------------------------*/

:root{
  --vp-accent:#05aff2;
  --vp-ink:#111111;
}

/* header -------------------------------------------------------- */
div.header__logo,
div.header__logo img,
div.header__logo span,
.sticky_nav .menu-position--block .header__logo{max-width:205px;}

#header a.mobile_logo img{width:auto;max-width:200px;max-height:40px;}

.main-nav{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
}
.combined-menu-container{display:flex;column-gap:13px;}
.search-container{width:50%;max-width:150px;padding-left:0;}

.nav-desktop__tier-1-link span{font-weight:bold;font-size:12px;color:inherit;}
.nav-desktop__tier-1 .nav-desktop__tier-1-link{display:block;padding:2px 0;white-space:nowrap;}

.promo-banner{
  background-color:var(--vp-accent);min-height:30px;line-height:1.1;
  display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;
}
.promo-banner a{color:#fff;text-decoration:underline;}

/* WordPress specific helpers ------------------------------------- */
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);}
.admin-bar .main-nav__wrapper{top:32px;}
.vp-page-content{margin-bottom:60px;}
.vp-page-content img{max-width:100%;height:auto;}
.vp-404{padding:90px 0;text-align:center;}

/* keep WooCommerce messages readable inside the themed layout */
.woocommerce-message,.woocommerce-info,.woocommerce-error{
  list-style:none;padding:14px 18px;margin:0 0 24px;border-radius:6px;font-size:14px;
}
.woocommerce-message{background:#eaf7ee;border:1px solid #bfe3c9;}
.woocommerce-info{background:#eef4fb;border:1px solid #c6d9f1;}
.woocommerce-error{background:#fdecec;border:1px solid #f2c2c2;}
.woocommerce-message .button,.woocommerce-info .button{float:right;text-transform:none;}

/* the demo badge is only for the offline clone, not for this site */

/* pagination ------------------------------------------------------ */
.vp-pagination{clear:both;padding:40px 0;text-align:center;}
.vp-pagination .page-numbers{
  display:inline-block;min-width:38px;padding:8px 10px;margin:0 3px;
  border:1px solid rgba(0,0,0,.12);text-decoration:none;color:inherit;
}
.vp-pagination .page-numbers.current,.vp-pagination .page-numbers:hover{
  background:var(--vp-ink);color:#fff;border-color:var(--vp-ink);
}

/* product page description panel --------------------------------- */
.vp-product-description{padding:40px 0 10px;clear:both;}
.vp-product-description h2{font-size:18px;letter-spacing:.04em;text-transform:uppercase;}
.vp-related{padding:30px 0 60px;}