/*
Theme Name: ss26
Theme URI: https://auto-speed.com.au
Author: Auto Speed
Author URI: https://auto-speed.com.au
Description: A lightweight, Bootstrap-based, development-ready WordPress theme with WooCommerce, RTL/LTR, responsive layout, sticky glass header, sidebar support, and widget/menu areas.
Version: 1.0.15
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: ss26
Domain Path: /languages
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, custom-menu, featured-images, translation-ready, rtl-language-support, threaded-comments, widget-ready
*/

:root{
  --ss26-header-bg: rgba(255,255,255,.72);
  --ss26-header-bg-dark: rgba(18,18,18,.72);
  --ss26-border: rgba(255,255,255,.18);
  --ss26-shadow: 0 10px 30px rgba(0,0,0,.08);
  --ss26-radius: 1rem;
  --ss26-container-max: 1320px;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

body{
  min-width:320px;
  overflow-x:hidden;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
img{max-width:100%;height:auto;}
.site-header a,
.navbar a,
.btn,
.button {
  text-decoration: none;
}
.entry-content a,
.entry-summary a {
  text-decoration: underline;
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid var(--ss26-primary);
  outline-offset: 2px;
}

.site-header{
  position:sticky;
  top:0;
  z-index:1030;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  background: var(--ss26-header-bg);
  border-bottom:1px solid var(--ss26-border);
  box-shadow: var(--ss26-shadow);
}
.admin-bar .site-header{top:32px;}
@media (max-width:782px){.admin-bar .site-header{top:46px;}}
.site-branding a{color:inherit;}
.glass-panel{
  background: rgba(255,255,255,.7);
  border:1px solid rgba(255,255,255,.2);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-radius: var(--ss26-radius);
}
.site-main{min-height:40vh;}
.content-card,.widget,.woocommerce .widget{
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius:var(--ss26-radius);
  box-shadow:0 8px 24px rgba(0,0,0,.04);
  padding:1.25rem;
  margin-bottom:1.5rem;
}
.sidebar .widget-title, .footer-widgets .widget-title{font-size:1.05rem;margin-bottom:1rem;}
.site-footer{background:#111827;color:#e5e7eb;}
.site-footer a{color:#fff;opacity:.9;}
.site-footer a:hover{opacity:1;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);}
.entry-title,.page-title{word-break:break-word;}
.navbar-nav .menu-item{display:flex;align-items:center;}
.navbar-nav .sub-menu{list-style:none;padding-inline-start:1rem;}
.screen-reader-text{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;}
.alignwide{max-width:var(--ss26-container-max);margin-inline:auto;}
.alignfull{width:100vw;max-width:100vw;margin-inline:calc(50% - 50vw);}
.wp-caption,.gallery-caption{max-width:100%;}
.sticky{outline:2px solid rgba(13,110,253,.15);}
.bypostauthor{font-weight:inherit;}
.comment-list{padding:0;list-style:none;}
.comment-body{padding:1rem;border:1px solid rgba(0,0,0,.08);border-radius:1rem;margin-bottom:1rem;}
input,select,textarea,button{max-width:100%;}
select, input:not([type=checkbox]):not([type=radio]), textarea{
  width:100%;padding:.75rem 1rem;border:1px solid #ced4da;border-radius:.75rem;background:#fff;
}
button,
input[type=submit],
input[type=button],
input[type=reset],
.button,
.wp-element-button,
.wc-block-components-button,
.add_to_cart_button{
  border-radius:.75rem;
}
.pagination .nav-links{display:flex;gap:.5rem;flex-wrap:wrap;}
.pagination .page-numbers{
	display:inline-flex;
	align-items: center;
	min-width:2.5rem;
	height:2.5rem;
	padding:0 .75rem;
	border:1px solid rgba(0,0,0,.1);
	border-radius:.75rem;
	background:#fff;
	color:#212529;
}
.pagination .current{background:#0d6efd;color:#fff;border-color:#0d6efd;}
.woocommerce span.onsale{border-radius:999px;min-height:auto;min-width:auto;padding:.35rem .65rem;line-height:1.2;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
  border:1px solid rgba(0,0,0,.06);border-radius:1rem;padding:1rem;background:#fff;
}
.woocommerce div.product div.images img{border-radius:1rem;}
@media (min-width: 1400px){.container, .container-xxl{max-width:var(--ss26-container-max);}}


/* Ensure the html and body take full height */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

/* Page Site Wrapper Logic */
#page-site-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh; /* Covers the full viewport height */
}

/* The magic part: this will expand to fill all available space */
#primary.site-main {
    flex: 1 0 auto;
}

/* Prevent the footer from shrinking */
.site-footer {
    flex-shrink: 0;
}

/* Fix for WordPress Admin Bar */
.admin-bar #page-site-wrapper {
    min-height: calc(100vh - 32px);
}

@media screen and (max-width: 782px) {
    .admin-bar #page-site-wrapper {
        min-height: calc(100vh - 46px);
    }
}

/* Auto Speed footer polish */
.site-footer {
  background: radial-gradient(circle at top left, rgba(34, 197, 94, .13), transparent 34%), #101827;
  color: #e5e7eb;
}
.site-footer h2,
.site-footer .h5 {
  color: #fff;
  font-weight: 800;
}
.site-footer .footer-text {
  color: rgba(229, 231, 235, .78);
  line-height: 1.75;
}
.site-footer .footer-brand-card {
  padding: 1.25rem;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 1.25rem;
  background: rgba(255,255,255,.035);
}
.site-footer .footer-contact-list {
  display: grid;
  gap: .9rem;
}
.site-footer .footer-contact-list li {
  display: grid;
  gap: .2rem;
}
.site-footer .footer-contact-list span {
  color: rgba(229, 231, 235, .56);
  font-size: .82rem;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-weight: 800;
}
.site-footer .footer-contact-list strong,
.site-footer .footer-contact-list a {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}
.site-footer .footer-menu,
.site-footer .footer-menu-fallback {
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-footer .footer-menu .menu-item a,
.site-footer .footer-menu-fallback a,
.site-footer .footer-bottom-links a {
  color: rgba(255,255,255,.82);
  text-decoration: none;
  opacity: 1;
  transition: color .2s ease, transform .2s ease;
}
.site-footer .footer-menu .menu-item a:hover,
.site-footer .footer-menu-fallback a:hover,
.site-footer .footer-bottom-links a:hover {
  color: #fff;
  transform: translateX(3px);
}
.site-footer .footer-bottom {
  color: rgba(229, 231, 235, .72);
  border-top: 1px solid rgba(255,255,255,.1);
}