/*
Theme Name:   SiteByter
Theme URI:    https://sitebyter.com/
Description:  Enfold child theme for SiteByter.com — WordPress plugin company. Dark header, clean typography, conversion-focused layouts.
Author:       SiteByter
Author URI:   https://sitebyter.com/
Template:     enfold
Version:      1.0.0
*/

:root {
	--si-dark: #1d2327;
	--si-blue: #2271b1;
	--si-blue-hover: #135e96;
	--si-green: #00a32a;
	--si-gold: #dba617;
	--si-light: #f6f7f7;
	--si-border: #dcdcde;
	--si-muted: #646970;
	--si-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

body, #top .av-special-font, .av-special-font .av-special-font-el { font-family: var(--si-font) !important; }
#top h1, #top h2, #top h3, #top h4, #top h5, #top h6 { font-family: var(--si-font) !important; font-weight: 700; color: var(--si-dark); }

/* Header */
#header_main { background: var(--si-dark) !important; }
#top #wrap_all #header .av-main-nav > li > a { color: #fff !important; }
#top #wrap_all #header .av-main-nav > li.current-menu-item > a,
#top #wrap_all #header .av-main-nav > li > a:hover { color: var(--si-blue) !important; }
#top .logo img { max-height: 45px; }

/* Hero */
.si-hero h1 { color: #fff !important; font-size: 48px !important; line-height: 1.15 !important; }
.si-hero p { color: #c3c4c7 !important; font-size: 20px !important; line-height: 1.6 !important; }

/* Feature cards */
.si-feature-card { background: #fff; border: 1px solid var(--si-border); border-radius: 8px; padding: 28px 24px; text-align: center; transition: box-shadow 0.2s, transform 0.2s; height: 100%; }
.si-feature-card:hover { box-shadow: 0 8px 24px rgba(0,0,0,0.08); transform: translateY(-2px); }
.si-feature-card h3 { font-size: 18px !important; margin-bottom: 8px !important; }
.si-feature-card p { color: var(--si-muted); font-size: 14px; }
.si-feature-active { border-left: 4px solid var(--si-green); }
.si-feature-locked { border-left: 4px solid var(--si-gold); background: #fefef3; }

/* Pricing */
.si-pricing-card { background: #fff; border: 2px solid var(--si-border); border-radius: 12px; padding: 36px 28px; text-align: center; position: relative; transition: border-color 0.2s; height: 100%; }
.si-pricing-card:hover { border-color: var(--si-blue); }
.si-pricing-popular { border-color: var(--si-blue) !important; box-shadow: 0 8px 30px rgba(34,113,177,0.15); }
.si-pricing-badge { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); background: var(--si-blue); color: #fff; font-size: 12px; font-weight: 700; padding: 4px 16px; border-radius: 12px; text-transform: uppercase; }
.si-price { font-size: 42px; font-weight: 800; color: var(--si-dark); margin: 16px 0 4px; }
.si-price-period { font-size: 14px; color: var(--si-muted); }
.si-pricing-card ul { text-align: left; list-style: none; padding: 0; margin: 20px 0; }
.si-pricing-card li { padding: 6px 0; font-size: 14px; }
.si-pricing-card li::before { content: "✓ "; color: var(--si-green); font-weight: 700; }

/* Comparison table */
.si-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.si-table th { background: var(--si-dark); color: #fff; padding: 12px 16px; text-align: left; }
.si-table td { padding: 10px 16px; border-bottom: 1px solid var(--si-border); }
.si-table tr:nth-child(even) td { background: var(--si-light); }

/* Pro badge */
.si-pro-badge { display: inline-block; font-size: 11px; font-weight: 700; background: var(--si-gold); color: #fff; padding: 2px 10px; border-radius: 10px; }

/* Footer */
#footer { background: #14181b !important; }
#footer, #footer p, #footer a, #footer .textwidget, #footer .textwidget p { color: #bbb !important; }
#footer .widget-title, #footer h3, #footer h4 { color: #ffffff !important; font-size: 14px !important; text-transform: uppercase !important; letter-spacing: 1px !important; margin-bottom: 16px !important; }
#footer a:hover { color: #2271b1 !important; }
#footer ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }
#footer li { padding: 4px 0 !important; }
#footer li a { color: #bbb !important; text-decoration: none !important; font-size: 14px !important; }
#footer li a:hover { color: #2271b1 !important; }
#socket { background: #0e1113 !important; }
#socket, #socket a, #socket p, #socket span, #socket .copyright, #socket .container { color: #999 !important; font-size: 13px !important; }
#socket a:hover { color: #2271b1 !important; }
/* Hide "powered by Enfold" */
#socket .social_bookmarks { display: none; }

@media (max-width: 767px) {
	.si-hero h1 { font-size: 32px !important; }
	.si-hero p { font-size: 16px !important; }
}