/*
Theme Name: Cikgu Betta Corporate
Theme URI: https://cikgubetta.com/
Author: Cikgu Betta
Description: Design korporat putih, navy dan teal. Halaman utama siap dengan koleksi, WhatsApp, panduan penjagaan dan testimoni. Tukar gambar dan kandungan melalui Appearance > Customize > Cikgu Betta.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cikgubetta-corporate
*/

.admin-bar .site-header{top:32px}
.cb-content{padding-block:64px;min-height:50vh}
.cb-content h1{font-size:clamp(30px,4vw,48px);margin-bottom:30px}
.cb-content h2,.cb-content h3{margin-block:24px 15px}
.cb-content p{margin-bottom:20px}
.cb-content a:not(.button):not(.woocommerce-loop-product__link){text-decoration:underline;text-underline-offset:3px}
.cb-content input:not([type=checkbox]):not([type=radio]),.cb-content textarea,.cb-content select{max-width:100%;padding:12px;border:1px solid var(--line);border-radius:5px;font:inherit}
.cb-content button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:var(--navy);color:white;border-radius:6px;padding:14px 20px;font-size:14px;font-weight:600}
.cb-content table{width:100%;border-collapse:collapse}
.cb-content td,.cb-content th{padding:12px;border-bottom:1px solid var(--line);text-align:left}
.cb-post{margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid var(--line)}
.cb-uploaded-card-image{display:block;width:100%;height:245px;object-fit:cover}
.card-red .cb-uploaded-card-image{height:285px}
.cb-hero-photo{position:relative;width:100%;height:100%}
.hero-visual img{height:100%;width:100%;object-fit:cover}
.cb-testimonial-photo{width:100%;height:auto;max-height:420px;object-fit:contain;margin-bottom:22px;border-radius:8px}
.testimonial-card p{white-space:pre-line}
.testimonial-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.care-visual{position:relative;isolation:isolate;overflow:hidden}
.care-visual .cb-care-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.care-visual.cb-custom-care::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#062433 7%,#062433b8 45%,#06243344)}
.nav-links{gap:18px}
@media(max-width:1100px) and (min-width:901px){.nav-links{gap:10px;font-size:12px}.nav-wrap{gap:15px}.nav-links .nav-cta{padding-inline:14px}}
@media(max-width:900px){.card-red:has(.cb-uploaded-card-image){display:block}.card-red .cb-uploaded-card-image{height:280px}}
@media(max-width:782px){.admin-bar .site-header{top:46px}}
@media(max-width:600px){.admin-bar .site-header{top:0}.cb-content{padding-block:40px}.cb-uploaded-card-image,.card-red .cb-uploaded-card-image{height:230px}}

/* Betta Care & Accessories */
body{overflow-wrap:break-word}.cb-care-hero .hero-grid{grid-template-columns:1.12fr 1fr;gap:65px;min-height:650px}.cb-care-hero .hero-copy{padding:80px 0}.cb-care-hero h1{font-size:clamp(40px,4.4vw,64px)}.cb-habitat{align-self:center;border:1px solid #31515c;border-radius:16px;background:linear-gradient(145deg,#123943,#092532);padding:25px 25px 30px;box-shadow:0 24px 65px #0002}.cb-visual-label{font-size:10px;color:#aed7cf;letter-spacing:.16em;display:flex;justify-content:space-between;gap:12px}.cb-visual-label span{color:#8caeb8}.cb-habitat svg{display:block;width:100%;height:auto}.cb-habitat figcaption{display:grid;gap:7px}.cb-habitat strong{font-size:22px;font-weight:500;letter-spacing:-.02em}.cb-habitat figcaption>span{font-size:13px;color:#bad0d6}.cb-habitat small{font-size:10px;color:#90aeb7;margin-top:8px}.cb-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.cb-category-grid .card-content{height:100%;display:flex;flex-direction:column}.cb-category-number{font-size:30px!important;color:#699a93!important;margin-bottom:25px;font-weight:500;letter-spacing:-.04em}.cb-category-grid h3{font-size:27px;min-height:60px}.cb-category-grid .card-content>a{margin-top:auto;padding-top:20px}.cb-category-grid .card-content>span:not(.cb-category-number){margin-bottom:26px}.cb-guide-card{background:#e0efea}.cb-care-note{padding:44px;background:#edf6f3;border:1px solid #d6e6e0;border-radius:14px}.cb-care-note>p:not(.eyebrow){color:var(--muted);margin-top:24px}.cb-care-note .text-link{color:var(--teal)}.cb-care-section .care-list>div{padding-block:24px}.cb-care-section .care-list>div:first-child{border-top:0}.footer-grid{grid-template-columns:1fr 1fr;align-items:start}.footer-grid>div{grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap;gap:14px 25px;padding-top:8px}.site-footer a:hover{text-decoration:underline}.cb-content{max-width:920px}.cb-content h2{font-size:clamp(23px,3vw,30px);line-height:1.3}.cb-content h3{font-size:22px}.cb-content ul,.cb-content ol{padding-left:24px;margin-bottom:24px}.cb-content li{margin-block:9px}.cb-content .policy-date{font-size:13px;color:var(--muted)}.accordion p a{text-decoration:underline}.contact h2{max-width:850px}noscript .cb-noscript-nav{padding:14px;background:#fff;display:flex;gap:20px;flex-wrap:wrap}
@media(max-width:1100px){.cb-care-hero .hero-grid{gap:35px}.cb-habitat{padding:22px}.cb-habitat strong{font-size:20px}}
@media(max-width:900px){.cb-care-hero .hero-grid{grid-template-columns:1fr;gap:0;padding-bottom:50px}.cb-care-hero .hero-copy{padding:55px 0 35px}.cb-habitat{max-width:560px;width:100%;justify-self:center}.cb-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cb-category-grid h3{min-height:0}.cb-category-grid .card-content>a{margin-top:auto}.cb-care-note{padding:30px}}
@media(max-width:600px){.cb-care-hero h1{font-size:clamp(35px,9vw,46px)}.cb-care-hero .hero-copy{padding-top:42px}.cb-care-hero .hero-grid{padding-bottom:35px}.cb-habitat{padding:21px}.cb-category-grid{grid-template-columns:1fr}.cb-category-number{margin-bottom:18px}.cb-category-grid .card-content>a{margin-top:0}.cb-category-grid .card-content>span:not(.cb-category-number){margin-bottom:23px}.cb-visual-label{font-size:8px}.footer-grid{grid-template-columns:1fr}.footer-grid>div{display:grid;grid-template-columns:1fr 1fr;font-size:13px;gap:17px}.cb-care-note{padding:28px}.contact h2{font-size:36px}.cb-content{width:calc(100% - 40px)}}