/*
Theme Name: Plus Tik
Description: Lightweight RTL WooCommerce child theme for the Plus Tik storefront.
Author: Plus Tik
Template: storefront
Version: 0.1.3
Text Domain: plus-tik-wp
Requires at least: 6.9
Requires PHP: 8.3
*/

@font-face {
    font-family: "PlusTikDisplay";
    src: url("assets/fonts/lalezar-400.woff2") format("woff2");
    font-display: swap;
    font-style: normal;
    font-weight: 400;
}

:root {
    --plustik-primary: #007a56;
    --plustik-primary-hover: #005e43;
    --plustik-primary-soft: #eefdf7;
    --plustik-ink: #17202a;
    --plustik-muted: #5b666b;
    --plustik-border: #dfe7e3;
    --plustik-surface: #f6f9f7;
    --plustik-white: #ffffff;
    --plustik-radius: 14px;
    --plustik-shadow: 0 14px 36px rgba(23, 32, 42, 0.08);
}

html {
    scroll-behavior: smooth;
}

body,
button,
input,
select,
textarea {
    font-family: Tahoma, Arial, sans-serif;
}

body {
    background: var(--plustik-white);
    color: var(--plustik-ink);
    line-height: 1.9;
}

h1,
h2,
h3,
h4,
h5,
h6,
.site-title,
.main-navigation {
    color: var(--plustik-ink);
    font-family: "PlusTikDisplay", Tahoma, sans-serif;
    font-weight: 400;
    letter-spacing: 0;
}

a {
    color: var(--plustik-primary);
}

a:hover,
a:focus {
    color: var(--plustik-primary-hover);
}

.site-header {
    margin-bottom: 0;
    border-bottom: 1px solid var(--plustik-border);
    background: var(--plustik-white);
}

.home.page .entry-header {
    display: none;
}

.site-branding .site-title a {
    color: var(--plustik-primary);
    font-size: 1.65rem;
}

.site-branding .site-description {
    color: var(--plustik-muted);
}

.main-navigation ul.menu > li > a,
.main-navigation ul.nav-menu > li > a {
    color: var(--plustik-ink);
    font-size: 1rem;
}

.main-navigation ul.menu > li > a:hover,
.main-navigation ul.nav-menu > li > a:hover {
    color: var(--plustik-primary);
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.widget a.button,
.added_to_cart,
.wc-block-components-button:not(.is-link) {
    border: 0;
    border-radius: 10px;
    background: var(--plustik-primary);
    color: var(--plustik-white);
    font-weight: 700;
    transition: background-color 160ms ease, transform 160ms ease;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:hover,
.widget a.button:hover,
.added_to_cart:hover,
.wc-block-components-button:not(.is-link):hover {
    background: var(--plustik-primary-hover);
    color: var(--plustik-white);
    transform: translateY(-1px);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
textarea,
select {
    border: 1px solid var(--plustik-border);
    border-radius: 10px;
    background: var(--plustik-white);
    box-shadow: none;
}

input:focus,
textarea:focus,
select:focus {
    border-color: var(--plustik-primary);
    outline: 3px solid rgba(0, 122, 86, 0.12);
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
    border-radius: 10px;
    background: var(--plustik-primary);
}

.site-main ul.products li.product {
    overflow: hidden;
    border: 1px solid var(--plustik-border);
    border-radius: var(--plustik-radius);
    background: var(--plustik-white);
    box-shadow: 0 7px 24px rgba(23, 32, 42, 0.055);
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.site-main ul.products li.product:hover {
    border-color: rgba(0, 122, 86, 0.35);
    box-shadow: var(--plustik-shadow);
    transform: translateY(-3px);
}

.site-main ul.products li.product img {
    margin-bottom: 0;
    background: var(--plustik-surface);
}

.site-main ul.products li.product .woocommerce-loop-product__title,
.site-main ul.products li.product .price,
.site-main ul.products li.product .button {
    margin-right: 1rem;
    margin-left: 1rem;
}

.site-main ul.products li.product .woocommerce-loop-product__title {
    margin-top: 1rem;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 700;
}

.price,
.woocommerce-Price-amount {
    color: var(--plustik-primary-hover);
    font-weight: 800;
}

.onsale {
    border: 0;
    border-radius: 999px;
    background: var(--plustik-primary-soft);
    color: var(--plustik-primary-hover);
}

.plustik-hero {
    margin-bottom: 2.5rem;
    padding: clamp(2.5rem, 7vw, 6rem) clamp(1.25rem, 5vw, 4.5rem);
    border-radius: 0 0 24px 24px;
    background: linear-gradient(135deg, var(--plustik-primary-soft), var(--plustik-white) 70%);
}

.plustik-hero h1 {
    max-width: 820px;
    margin-bottom: 1rem;
    color: var(--plustik-ink);
    font-size: clamp(2.4rem, 6vw, 5.1rem);
    line-height: 1.25;
}

.plustik-hero h1 strong {
    color: var(--plustik-primary);
    font-weight: 400;
}

.plustik-hero p {
    max-width: 650px;
    color: var(--plustik-muted);
    font-size: 1.05rem;
}

.plustik-trust-row {
    margin: 0 0 3rem;
    padding: 1.25rem;
    border: 1px solid var(--plustik-border);
    border-radius: var(--plustik-radius);
    background: var(--plustik-white);
}

.plustik-trust-row .wp-block-column {
    text-align: center;
}

.plustik-trust-row strong {
    display: block;
    color: var(--plustik-primary-hover);
    font-size: 1.05rem;
}

.plustik-section {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
}

.plustik-section > h2 {
    margin-bottom: 0.25rem;
    font-size: clamp(1.8rem, 3vw, 2.8rem);
}

.plustik-section-intro {
    margin-top: 0;
    color: var(--plustik-muted);
}

.site-footer {
    border-top: 1px solid var(--plustik-border);
    background: var(--plustik-surface);
    color: var(--plustik-muted);
}

.site-footer .site-info {
    text-align: center;
}

@media (max-width: 767px) {
    .plustik-hero {
        padding: 2.25rem 1.1rem;
        border-radius: 0 0 18px 18px;
    }

    .plustik-hero h1 {
        font-size: 2.55rem;
    }

    .site-main ul.products li.product .button {
        margin-bottom: 1rem;
    }
}