/* =====================================================
CYCLINGSTUFF.CO.UK
Custom CSS
Joomla 5 + Helix Ultimate + HikaShop
Cleaned & Consolidated
===================================================== */


/* =====================================================
1. GLOBAL
===================================================== */

img{
max-width:100%;
height:auto;
}

.f005{
color:gold;
}


/* =====================================================
2. HEADER + LOGO
===================================================== */

#sp-header{
display:flex;
justify-content:center;
background:#fff;
}

#sp-topbar .logo{
display:flex;
justify-content:flex-end;
}

#sp-logosection .logo{
display:flex;
justify-content:center;
}

.logo-image-phone{
height:200px;
}

@media (max-width:992px){

.logo-image-phone{
height:auto;
}

}

@media (max-width:576px){

.logo-image-phone{
height:150px;
}

}


/* =====================================================
3. NAVIGATION
===================================================== */

.sp-megamenu-parent > li > a{
font-weight:600;
}

.sp-megamenu-parent > li:hover > a{
color:#f9b903;
}


/* =====================================================
4. MINI CART
===================================================== */

.minicart{
display:flex;
align-items:center;
gap:6px;
}

.hikashop_cart_dropdown_content{
width:320px;
background:#fff;
border-radius:14px;
box-shadow:0 8px 22px rgba(0,0,0,0.18);
padding:12px;
font-size:14px;
}

.hikashop_cart_module_product{
display:flex;
align-items:center;
gap:10px;
padding:8px 0;
border-bottom:1px solid #eee;
}

.hikashop_cart_module_product_image img{
width:45px;
height:45px;
object-fit:contain;
border-radius:6px;
}

.hikashop_cart_module_product_name_value{
font-size:14px;
font-weight:500;
line-height:1.3;
color:#333;
}

.hikashop_cart_module_product_price_value{
font-weight:600;
color:#d18b00;
font-size:14px;
}

.hikashop_cart_module_product_quantity_value{
display:flex;
align-items:center;
gap:4px;
}

.hikashop_cart_module_product_quantity_value input{
width:40px;
text-align:center;
border-radius:4px;
border:1px solid #ccc;
}

.hikashop_small_cart_total{
font-size:18px;
font-weight:700;
text-align:right;
margin-top:10px;
}

.hikashop_cart_dropdown .hikabtn{
width:100%;
border-radius:30px;
padding:10px;
font-weight:600;
margin-top:8px;
}

.hikashop_small_cart_quantity{
background:#e63946;
color:#fff;
font-size:12px;
padding:2px 6px;
border-radius:20px;
margin-left:4px;
}


/* =====================================================
5. HIKASHOP CATEGORY PAGES
===================================================== */

.hikashop_category{
padding:15px;
border-radius:10px;
background:#fafafa;
transition:all .2s;
}

.hikashop_category:hover{
background:#fff;
box-shadow:0 4px 12px rgba(0,0,0,.08);
}

.hikashop_category_name,
.hikashop_category_name a{
font-family:'Comfortaa',sans-serif;
font-size:22px;
color:#edc631;
font-weight:100;
}

.hikashop_subcategories_listing{
margin-bottom:20px;
}

.hikashop_products_listing_switcher{
display:none;
}


/* =====================================================
6. HIKASHOP PRODUCT LISTING
===================================================== */

.hikashop_product{
padding:20px;
background:#fff;
border-radius:12px;
box-shadow:0 2px 8px rgba(0,0,0,0.08);
transition:transform .2s, box-shadow .2s;
}

.hikashop_product:hover{
transform:translateY(-4px);
box-shadow:0 6px 18px rgba(0,0,0,0.12);
}

.hikashop_product_image img{
width:100%;
height:220px;
object-fit:contain;
border-radius:10px;
}

.hikashop_product_name a{
font-size:18px;
font-weight:600;
line-height:1.4;
color:#333;
}

.hikashop_product_name a:hover{
color:#f9b903;
}

.hikashop_product_price_full{
font-size:22px;
font-weight:700;
color:#3c1111;
margin-top:28px;
}

.hikashop_product_tags{
margin-top:20px;
}

.hikashop_vote_stars{
margin-bottom:20px;
}

.hikashop_product_characteristic_values_on_listing,
.hikashop_product_characteristic_name_on_listing{
display:none;
}



/* =====================================================
7. HIKASHOP PRODUCT PAGE
===================================================== */

#hikashop_product_top_part{
display:flex;
gap:40px;
align-items:flex-start;
flex-wrap:wrap;
}

#hikashop_product_left_part{
flex:1 1 420px;
}

#hikashop_product_right_part{
flex:1 1 380px;
}

#hikashop_product_left_part img{
border-radius:12px;
box-shadow:0 6px 18px rgba(0,0,0,0.12);
}

.hikashop_product_name_main{
font-size:32px;
font-weight:700;
line-height:1.2;
margin-bottom:15px;
color:#222;
}

#hikashop_product_right_part .hikashop_product_price_full{
font-size:36px;
font-weight:700;
color:#d18b00;
margin:10px 0 20px 0;
}

.hikashop_product_stock_count{
font-size:14px;
color:#2d7a2d;
margin-top:6px;
}

.hikashop_quantity_form{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:12px;
margin-top:20px;
}

.hikashop_product_quantity_div{
display:flex;
align-items:center;
gap:6px;
}

.hikashop_product_quantity_field{
width:60px;
text-align:center;
border-radius:6px;
border:1px solid #ccc;
}

.hikacart{
background:#f9b903;
border:none;
border-radius:30px;
padding:14px 28px;
font-size:18px;
font-weight:600;
color:#fff;
transition:all .25s;
}

.hikacart:hover{
transform:translateY(-2px);
box-shadow:0 6px 14px rgba(0,0,0,0.25);
}

.hikashop_product_bottom_part{
margin-top:40px;
font-size:16px;
line-height:1.6;
color:#333;
}

.hikashop_product_discount{
background:#e63946;
color:#fff;
padding:4px 8px;
border-radius:6px;
font-size:12px;
font-weight:600;
}


.hikashop_product_price_per_unit{
display:none !important;
}

/* Cleaner price display */

.hikashop_product_price{

font-size:26px;
font-weight:700;
color:#d18b00;

}

.hikashop_product_price_full{

display:flex;
flex-direction:column;
}

.hikashop_product_price_full::after{

content:"inc VAT";
font-size:12px;
color:#777;
  display:none;

}

/* =====================================================
8. CART
===================================================== */

#hikashop_cart_product_listing td{
padding:12px 10px;
vertical-align:middle;
}

#hikashop_cart_product_listing{
border-radius:10px;
overflow:hidden;
}

table.hikashop_cart .hikashop_product_quantity_field,
table#hikashop_cart_product_listing .hikashop_product_quantity_field{
width:40px;
height:28px;
padding:2px 4px;
font-size:12px;
}

table.hikashop_cart .hikabtn,
table#hikashop_cart_product_listing .hikabtn{
padding:2px 6px;
font-size:12px;
line-height:1;
}

td[data-title="Quantity"]{
white-space:nowrap;
}

td[data-title="Quantity"] > *{
display:inline-block;
vertical-align:middle;
margin-right:6px;
}

.hikashop_cart_product_quantity_refresh{
display:none;
}


/* =====================================================
9. CHECKOUT
===================================================== */

#hikashop_checkout_registration{
margin:20px auto;
padding:25px;
background:#fff;
border-radius:15px;
box-shadow:0 4px 12px rgba(0,0,0,.1);
width:70%;
}

.hikashop_checkout_cart .hikashop_product_image,
.hikashop_cart_product_image_value,
.hikashop_cart_product_image_header,
.hikashop_cart_product_image_title{
display:none;
width:0;
padding:0;
}


/* =====================================================
10. BUTTONS
===================================================== */

.hikabtn{
border-radius:30px;
padding:10px 22px;
font-weight:600;
transition:all .25s;
}

.hikabtn:hover{
transform:translateY(-1px);
box-shadow:0 4px 10px rgba(0,0,0,.2);
}


/* =====================================================
11. MODALS / ALERTS
===================================================== */

.vex.vex-theme-default .vex-content{
border-radius:25px;
background:#d0ab46;
color:#fff;
padding:1em;
box-shadow:#363636 3px 3px 10px;
border:7px solid #363636;
}

joomla-alert[type=info]{
width:350px;
height:250px;
font-size:20px;
text-align:center;
padding-top:30px;
}


/* =====================================================
12. SYSTEM MESSAGE
===================================================== */

#system-message-container,
#system-message,
#sp-system-message{
position:fixed;
top:50%;
left:50%;
transform:translate(-50%,-50%);
z-index:99999;
max-width:90%;
pointer-events:none;
}


/* =====================================================
13. MOBILE
===================================================== */

@media (max-width:768px){

.hikashop_product{
padding:15px;
}

.hikashop_product_image img{
height:180px;
}

.hikashop_product_name a{
font-size:16px;
}

#hikashop_product_top_part{
flex-direction:column;
gap:20px;
}

.hikashop_product_name_main{
font-size:26px;
}

#hikashop_product_right_part .hikashop_product_price_full{
font-size:28px;
}

}