/* Cabak brand layer over GetCab. Rules: branding.md and docs/brand-kit.md. */

/* Readex Pro everywhere. Icon fonts sit on ::before, which this selector can't reach. */
body, body *:not(.fa):not([class*="fa-"]) { font-family: 'Readex Pro', sans-serif !important; }
body { color: #2e2e2e; }
h1, h2, h3, h4, h5, h6 { font-weight: 700; color: inherit; letter-spacing: 0; text-transform: none; }

/* White on Cabak Green is 3.20:1 and black is 6.57:1, so green buttons carry black text. */
.sc_button, .sc_button_default, input[type="submit"], button[type="submit"], .wpcf7-submit,
.cabak-btn, .cabak-wa {
	background: #00a19b !important; color: #000 !important; border: 0 !important;
	border-radius: 12px !important; font-weight: 700 !important; text-transform: none !important;
}
/* The theme paints its own gradient on form buttons, and fades them until the consent box is ticked. */
input[type="submit"], .wpcf7-submit, .sc_button, .sc_button_default { background-image: none !important; opacity: 1 !important; }
.sc_button:before, .sc_button:after { background-image: none !important; }
input[type="submit"][disabled], .wpcf7-submit[disabled] { background: #a7a7a7 !important; color: #2e2e2e !important; }
.sc_button:hover, input[type="submit"]:hover, .wpcf7-submit:hover, .cabak-btn:hover, .cabak-wa:hover {
	background: #2e2e2e !important; color: #fff !important;
}
.menu_main_nav > li > a:hover, .menu_main_nav > li.current-menu-item > a { color: #000 !important; }

.cabak-section { padding: 72px 0; }
.cabak-warm { background: #f8f8f6; }
.cabak-dark { background: #2e2e2e; color: #fff; }
.cabak-dark p { color: #bdbdbd; }
/* The theme's dark closing row, with a theme photo behind it. */
.cabak-photo-row { background: linear-gradient(rgba(46,46,46,.75), rgba(46,46,46,.75)), url(/wp-content/uploads/2026/11/cabak-hero.jpg) center / cover no-repeat; }
.cabak-h1 { font-size: 56px; line-height: 1.15; font-weight: 700; margin: 0 0 20px; }
.cabak-h1 span { display: block; font-weight: 300; }
/* !important because the theme's colour-scheme rules outrank these and paint headings charcoal on charcoal. */
.cabak-hero .cabak-h1, .cabak-dark .cabak-h2 { color: #fff !important; }
.cabak-h1 span, .cabak-h2 span { color: #00a19b !important; }
.cabak-h2 { font-size: 38px; line-height: 1.2; margin: 0 0 16px; }
.cabak-h2 span { font-weight: 300; color: #00a19b; }
.cabak-eyebrow { letter-spacing: .2em; font-size: 13px; font-weight: 700; color: #5a5a5a; text-transform: uppercase; margin: 0 0 14px; }
.cabak-dark .cabak-eyebrow, .cabak-hero .cabak-eyebrow { color: #bdbdbd; }
.cabak-hero .cabak-ar { font-size: 1.3em; color: #bdbdbd; margin: 0 0 22px; max-width: none; text-align: left; }
.top_panel_top, .top_panel_top a, .contact_phone { color: #bdbdbd !important; }
.cabak-btn { display: inline-block; padding: 14px 28px; margin: 8px 12px 0 0; text-decoration: none; }
.cabak-btn-ghost { background: transparent !important; color: inherit !important; box-shadow: inset 0 0 0 2px #00a19b; }

.cabak-grid { display: grid; gap: 22px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); margin-top: 30px; }
.cabak-card { background: #fff; border-radius: 16px; padding: 28px; border: 1px solid #e8e8e4; color: #2e2e2e; }
.cabak-warm .cabak-card { border: 0; }
.cabak-card h3 { font-size: 21px; margin: 0 0 10px; }
.cabak-card p { color: #5a5a5a; margin: 0; }
.cabak-card.is-green { background: #00a19b; border: 0; }
.cabak-card.is-green p, .cabak-card.is-green h3 { color: #000; }
.cabak-tag { font-size: 13px; font-weight: 700; color: #5a5a5a; margin: 0 0 8px; }
.cabak-photo { height: 170px; border-radius: 12px; margin-bottom: 18px; background: #f8f8f6 url(images/cabak-mark.svg) center / 64px no-repeat; }
.cabak-step { display: inline-block; width: 44px; height: 44px; line-height: 44px; text-align: center; border-radius: 50%; background: #00a19b; color: #000; font-weight: 700; margin-bottom: 14px; }
.cabak-list { margin: 16px 0 0; padding: 0; list-style: none; }
.cabak-list li { padding: 6px 0 6px 26px; position: relative; }
.cabak-list li:before { content: ''; position: absolute; left: 2px; top: 14px; width: 10px; height: 10px; border-radius: 50%; background: #00a19b; }
.cabak-villages { direction: rtl; text-align: right; font-size: 17px; line-height: 2; margin: 0; }
.cabak-logo-panel { display: block; max-width: 340px; width: 100%; margin: 0 auto; }
.cabak-note { font-size: 14px; color: #5a5a5a; }

.cabak-wa { position: fixed; left: 18px; bottom: 18px; z-index: 9999; padding: 13px 20px; text-decoration: none; box-shadow: 0 6px 18px rgba(0,0,0,.25); }

/* Footer widgets sit side by side, as in the theme demo. */
.footer_wrap.widget_area .columns_wrap { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.footer_wrap.widget_area .columns_wrap > aside { width: auto; padding: 0; }
/* The theme's clearfix pseudo-elements would otherwise count as grid columns. */
.footer_wrap.widget_area .columns_wrap:before, .footer_wrap.widget_area .columns_wrap:after { display: none; }

.cabak-form input:not([type="submit"]):not([type="checkbox"]), .cabak-form select, .cabak-form textarea { width: 100%; margin-bottom: 14px; }

@media (max-width: 767px) {
	.cabak-hero { padding: 130px 0 64px; }
	.cabak-h1 { font-size: 36px; }
	.cabak-h2 { font-size: 28px; }
	.cabak-section { padding: 48px 0; }
	.footer_wrap.widget_area .columns_wrap { grid-template-columns: 1fr; }
}