/*
Theme Name: Astra Child — Rune
Theme URI: https://runehelmets.com/
Description: Child theme Astra untuk Rune Official. Dibuat 28 Agustus 2026 supaya file custom Rune tidak ikut terhapus setiap kali tema Astra di-update. Sebelum ini file custom "menumpang" di folder tema Astra dan sudah 3x hilang total saat update.
Author: Rune Official
Template: astra
Version: 1.1.0
Text Domain: astra-child
*/

/* ============================================================
   ISI FILE INI = PINDAHAN DARI "ADDITIONAL CSS" (28 Agustus 2026)
   ============================================================
   Sebelumnya ~143 baris di bawah ini tersimpan di
   Appearance -> Customize -> Additional CSS.

   KENAPA DIPINDAH KE FILE:
   Kotak Additional CSS disimpan WordPress PER TEMA. Begitu tema
   diganti (termasuk ke child theme ini), kotaknya jadi KOSONG dan
   seluruh aturan di bawah hilang seketika. Itu yang terjadi
   28 Agustus 2026: tombol "Order Now" & "View All Products"
   kehilangan bentuknya, dan judul "Home" bawaan tema tiba-tiba
   muncul di atas hero.

   Selain itu, isi kotak Customizer:
   - tidak ikut backup file
   - tidak ada di Project docs (tidak terlihat saat sesi kerja)
   - tidak tercatat di mana pun

   ATURAN KE DEPAN: jangan menulis CSS di Additional CSS lagi.
   Semua CSS global masuk ke file ini.

   CATATAN URUTAN MUAT: Additional CSS selalu dimuat PALING AKHIR,
   jadi selalu menang. File ini dibuat menyusul urutan itu lewat
   priority tinggi di functions.php. Jangan turunkan priority-nya.

   Isi di bawah disalin APA ADANYA dari live, tanpa diubah
   satu karakter pun, supaya tampilannya persis sama.
   ============================================================ */


/* ==========================================================================
   1. STRUKTUR HALAMAN & JUDUL (ANTI-GAP)
   ========================================================================== */
/* Sembunyikan judul di semua halaman (Page) tanpa !important */
html body.page .site-main .entry-title {
    display: none;
}
/* Hilangkan garis bawah atau spasi kosong bekas judul */
html body.page .site-main .entry-header {
    margin: 0;
    padding: 0;
    border: none;
    display: none;
}
/* Menyesuaikan jarak konten agar menempel sempurna di bawah Header */
html body .site #content.site-content {
    padding-top: 0;
    margin-top: 0;
}
/* Garis pembatas elegan penanda batas bawah Header */
html body .site-header {
    border-bottom: 1px solid #2a2a2a;
}

/* ==========================================================================
   2. TOMBOL GLOBAL RUNE (RUNE GLOBAL BUTTON)
   ========================================================================== */
/* Tombol Utama: Rantaian Selektor Diperkuat untuk Menumbangkan Underline Astra */
html body.page .site-content .entry-content a.rune-btn-global,
html body.page .site-content .entry-content a.rune-btn-global * {
    display: inline-block;
    width: auto;
    background-color: transparent;
    color: #F69B07;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    font-weight: 900;
    padding: 10px 22px;
    border-radius: 30px;
    text-decoration: none; /* Mengunci total agar tidak ada underline */
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 1px solid #F69B07;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    cursor: pointer;
    line-height: 1;
}
/* Efek Hover & Focus Tombol Utama - Proteksi Underline */
html body.page .site-content .entry-content a.rune-btn-global:hover,
html body.page .site-content .entry-content a.rune-btn-global:focus {
    background-color: #F69B07;
    color: #111111;
    border-color: #F69B07;
    text-decoration: none;
}
/* 🔴 11 Oktober 2026 — TANDA TEKAN. Mengikuti :hover persis (HOVER TAXONOMY
   no.1: "Outline CTA: hover fill solid"). Dipakai tombol Order Now di Featured,
   View all di FAQ, dan CTA lain yang memakai kelas bersama ini.
   🔴 transition:none WAJIB — aturan dasarnya memakai `transition: all 0.4s`.
   Empat persepuluh detik untuk sebuah ketukan terbaca sebagai kedipan, bukan
   sebagai tekanan.
   🔴 :active tidak menyala sendiri di Safari iOS. Penangan sentuh kosongnya
   dipasang sekali untuk seluruh situs di rune-shared.php. */
html body.page .site-content .entry-content a.rune-btn-global:active {
    background-color: #F69B07;
    color: #111111;
    border-color: #F69B07;
    text-decoration: none;
    transition: none;
}
/* Tombol Promo (Merah) */
html body.page .site-content .entry-content a.rune-btn-global.promo-btn {
    background: transparent;
    color: #cc1e1e;
    border: 1.5px solid #cc1e1e;
    text-decoration: none;
}
/* Efek Hover Tombol Promo */
html body.page .site-content .entry-content a.rune-btn-global.promo-btn:hover,
html body.page .site-content .entry-content a.rune-btn-global.promo-btn:focus {
    background: #cc1e1e;
    color: #ffffff;
    border-color: #cc1e1e;
    text-decoration: none;
}

/* ==========================================================================
   3. RESPONSIVE & BREAKPOINTS DESIGN (ATURAN LAYAR)
   ========================================================================== */
/* Proteksi Kebocoran Layar Global */
@media (max-width: 1024px) {
    html, body {
        overflow-x: hidden;
        max-width: 100%;
    }
}
/* ============================================================
   BLOK @media (max-width: 900px) DIHAPUS — 28 Agustus 2026
   ============================================================
   Isinya 41 baris aturan untuk 7 selector:
     .rune-filter-select · .rune-index-avatar · .rune-index-meta
     .rune-index-item · .rune-spotlight-text · .rune-spotlight-stars
     .rune-testi-meta-group

   KETUJUHNYA TIDAK ADA di satu file pun. Sudah disisir ke seluruh
   wp-content DAN folder root public_html (tempat 13 file *-display.php
   tinggal). Sisa desain testimonial & filter Shop yang lama.

   Catatan: filter Shop yang sekarang memakai .rune-filter-check dan
   .rune-filter-group (lihat rune-shop-display.php), bukan
   .rune-filter-select — namanya mirip, gampang tertukar.

   Bonus: blok itu satu-satunya yang memakai breakpoint 900px di
   seluruh website. Standar Rune 921px, jadi sekaligus hilang satu
   sumber kebingungan.
   ============================================================ */


/* ============================================================
   CATATAN: FILE CSS RUNE LAINNYA DI FOLDER INI
   ============================================================
     rune-card-product.css     <- dimuat rune-card-product_mu-plugins.php
     rune-cart.css             <- dimuat rune-cart.php
     rune-testimonials-pp.css  <- dimuat rune-testimonials.php

   Override template WooCommerce:
     woocommerce/archive-product.php   (halaman Shop)

   Kalau menambah file baru di folder ini, muat lewat mu-plugins
   memakai get_stylesheet_directory_uri() — BUKAN
   get_template_directory_uri() (itu menunjuk ke folder Astra asli).
   ============================================================ */