/*
Theme Name: Blocksy Child
Template: blocksy
Version: 1.0
Description: Child theme for Blocksy with custom styles for Hard & Fluffy
Author: Haitham
*/
/* ==== Blocksy Child Theme CSS: النسخة النهائية ==== */

/* ==== hf-starting-label ==== */
span.hf-starting-label {
    color: #b34000 !important;
    font-weight: 900;
    font-size: 1.3em;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-color: #ffffff;
    padding: 4px 10px;
    border-radius: 4px;
    display: inline-block;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    transition: all 0.2s ease;
}
span.hf-starting-label:hover {
    color: #d14a00 !important;
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(0,0,0,0.2);
}

/* ==== الأزرار العامة ==== */
button,input[type="button"],input[type="submit"],a.button,.woocommerce a.button,
.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,
.add_to_cart_button,a.next.page-numbers,a.prev.page-numbers {
    padding:14px 22px;min-width:48px;min-height:48px;font-size:16px;
    font-weight:700;border-radius:8px;display:inline-flex;
    justify-content:center;align-items:center;text-align:center;
    cursor:pointer;margin:8px 6px;
    box-shadow:0 3px 6px rgba(0,0,0,0.25),inset 0 -2px 4px rgba(255,140,0,0.25);
    transition:all 0.3s ease;
}
button:hover,input[type="button"]:hover,input[type="submit"]:hover,a.button:hover,
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,.add_to_cart_button:hover,
a.next.page-numbers:hover,a.prev.page-numbers:hover {
    transform:translateY(-2px);
    box-shadow:0 6px 12px rgba(0,0,0,0.35),inset 0 -2px 6px rgba(255,180,0,0.3);
}
/* ==== Add to Cart Button ==== */
a.button.product_type_variable.add_to_cart_button,
a.button.product_type_simple.add_to_cart_button {
    background-color: #d9d9d9 !important; /* Shiny Silver Light */
    color: #ffffff !important; /* أبيض ناصع في الطبيعي */
    padding: 8px 18px !important;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    margin: 6px 4px;
    position: relative;
    overflow: hidden;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.25);
}

/* النص الافتراضي */
a.button.product_type_variable.add_to_cart_button span,
a.button.product_type_simple.add_to_cart_button span {
    color: #ffffff; /* أبيض ناصع */
    transition: all 0.3s ease;
}
/* النص في الهوفر = Knight Rider Effect */
a.button.product_type_variable.add_to_cart_button:hover span,
a.button.product_type_simple.add_to_cart_button:hover span {
    background: linear-gradient(90deg, #fff 0%, #ff6600 50%, #fff 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; /* الجريدينت يظهر جوه النص */
    animation: hf-knightrider 2s linear infinite;
}
/* الحركة */
@keyframes hf-knightrider {
    0% { background-position: 200% center; }
    100% { background-position: -200% center; }
}
a.next.page-numbers,a.prev.page-numbers {
    color:#fff!important;background-color:#b32b00!important;width:120px;
    height:48px;font-weight:700;font-size:16px;border-radius:6px;
    text-decoration:none;margin:0 5px;display:inline-flex;
    justify-content:center;align-items:center;box-shadow:0 3px 6px rgba(0,0,0,0.3);
}
a.next.page-numbers:hover,a.prev.page-numbers:hover {background-color:#990000!important;}
/* ==== Mobile Touch Targets ==== */
@media(max-width:768px){
    a.button,button,.add_to_cart_button,a.next.page-numbers,a.prev.page-numbers{
        width:100%;padding:16px 0;font-size:18px;margin-bottom:12px;
    }
}

/* ==== روابط القائمة ==== */
.ct-menu-link,.main-navigation .menu-item a {color:#fff!important;font-weight:700;}
.main-navigation .menu-item a:hover {color:#ffeb3b!important;}

/* ==== hf-sale-badge ==== */
.hf-sale-badge{background:#ff6600!important;color:#fff!important;
    font-weight:700;font-size:16px;padding:8px 20px;border-radius:8px;
    text-shadow:1px 1px 2px rgba(0,0,0,0.5);transition:transform 0.3s ease;}
.hf-sale-badge:hover{transform:translateY(-2px) scale(1.05);}

/* ==== Focus States for Accessibility ==== */
a:focus,button:focus,input:focus{outline:3px solid #ff9900;outline-offset:2px;}

/* ==== تحسين صورة LCP ==== */
.hero-section img:first-of-type,.banner img:first-of-type{
    content-visibility:auto;contain-intrinsic-size:auto;
    loading:eager!important;fetchpriority:high!important;
}

/* ==== GTranslate Select Button ==== */
.gt_switcher_wrapper select.gt_selector{
    background-color:rgba(255,102,0,0.7);color:#000;border:1px solid #ccc;
    border-radius:6px;padding:6px 12px;font-size:16px;font-weight:600;
    appearance:none;
}
.gt_switcher_wrapper select.gt_selector::-ms-expand{display:none;}
.gt_switcher_wrapper select.gt_selector:hover{background-color:rgba(255,102,0,0.85);}
/* ==== Softer Starting From Label ==== */
.woocommerce ul.products li.product .price::before,
.woocommerce div.product p.price::before,
.woocommerce div.product span.price::before {
    content: "Starting from";
    display: inline-block;
    margin-right: 8px;
    font-size: 1.00em;
    font-weight: 700;
    color: #e65c00; /* Brand Orange */
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background: transparent; /* no box background */
    padding: 0; /* remove padding to keep it clean */
    border: none;
}
.hf-random-viewers {
    margin: 14px 0;
    padding: 10px 16px;
    background: #fff7f0;
    border: 1px solid #ffd9b3;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

.hf-random-viewers .hf-fire {
    font-size: 18px;
}

.hf-random-viewers .hf-number {
    font-size: 18px;
    color: #e63900; /* أحمر برتقالي */
    font-weight: 700;
}

.hf-random-viewers .hf-text {
    color: #444;
}
/* HF Random viewers - professional look */
.hf-random-viewers {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background: #ffffff;
    border: 1px solid rgba(0,0,0,0.06);
    box-shadow: 0 6px 18px rgba(12,24,40,0.04);
    padding: 8px 14px;
    border-radius: 12px;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
    font-weight: 600;
    color: #333;
    margin: 14px 0;
}

.hf-random-viewers .hf-cart-icon {
    color: #ff6b00; /* brand accent */
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    opacity: 0.95;
}

.hf-random-viewers .hf-rv-text { display: inline-flex; flex-direction: column; line-height:1; }
.hf-random-viewers .hf-number {
    font-size: 18px;
    color: #e63900; /* strong orange-red */
    font-weight: 800;
    letter-spacing: 0.3px;
}
.hf-random-viewers .hf-label {
    font-size: 12px;
    font-weight: 600;
    color: #666;
    text-transform: none;
}

/* responsive */
@media (max-width: 520px) {
    .hf-random-viewers { gap:8px; padding:8px 10px; border-radius:10px; }
    .hf-random-viewers .hf-number { font-size:16px; }
    .hf-random-viewers .hf-label { font-size:11px; }
}
/* إخفاء كلمة Starting from من سعر الفارييشن فقط */
.woocommerce-variation-price .price::before {
    content: "" !important;
    display: none !important;
}