/* ============================================
   SECUFER - Inner Pages Design
   ============================================ */

/* ========== PAGE HERO ========== */
.pg-hero {
    position: relative;
    background: linear-gradient(135deg, var(--sf-blue-dark) 0%, var(--sf-blue) 60%, #1a4a7a 100%);
    padding: 56px 0 48px;
    text-align: center;
    overflow: hidden;
}
.pg-hero-bg {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: radial-gradient(circle at 70% 20%, rgba(247,148,29,.08) 0%, transparent 60%);
}
.pg-hero-content { position: relative; z-index: 1; }
.pg-hero-icon {
    width: 72px;
    height: 72px;
    background: rgba(247,148,29,.15);
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}
.pg-hero-icon i {
    font-size: 30px;
    color: var(--sf-orange);
}
.pg-hero h1 {
    font-family: var(--sf-font);
    font-size: 36px;
    font-weight: 800;
    color: var(--sf-white);
    margin: 0 0 12px;
    line-height: 1.25;
}
.pg-hero-sub {
    font-size: 17px;
    color: rgba(255,255,255,.75);
    margin: 0 0 24px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}
.pg-hero-meta {
    display: flex;
    justify-content: center;
    gap: 24px;
    flex-wrap: wrap;
}
.pg-hero-meta span {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 600;
    color: rgba(255,255,255,.7);
    background: rgba(255,255,255,.08);
    padding: 8px 16px;
    border-radius: 24px;
}
.pg-hero-meta i {
    color: var(--sf-orange);
    font-size: 14px;
}

/* ========== PAGE CONTENT ========== */
.pg-content {
    padding: 56px 0;
    background: var(--sf-white);
}
.pg-content-wrap {
    max-width: 900px;
    margin: 0 auto;
}

/* Elementor overrides inside our wrapper */
.pg-content-wrap .elementor-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.pg-content-wrap .elementor-container {
    max-width: 100% !important;
}

/* Typography inside content */
.pg-content-wrap h2,
.pg-content-wrap .elementor-heading-title {
    font-family: var(--sf-font);
    font-size: 26px;
    font-weight: 800;
    color: var(--sf-blue);
    margin: 40px 0 16px;
    padding-bottom: 12px;
    border-bottom: 3px solid var(--sf-orange);
    display: inline-block;
    line-height: 1.3;
}
.pg-content-wrap h2:first-child,
.pg-content-wrap .elementor-heading-title:first-child {
    margin-top: 0;
}
.pg-content-wrap h3 {
    font-family: var(--sf-font);
    font-size: 20px;
    font-weight: 700;
    color: var(--sf-blue);
    margin: 28px 0 12px;
}
.pg-content-wrap p,
.pg-content-wrap .elementor-text-editor p {
    font-size: 15.5px;
    line-height: 1.75;
    color: var(--sf-gray-600);
    margin: 0 0 16px;
}
.pg-content-wrap ul,
.pg-content-wrap .elementor-icon-list-items {
    list-style: none;
    padding-left: 0;
    margin: 0 0 20px;
}
.pg-content-wrap ul li,
.pg-content-wrap .elementor-icon-list-item {
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
    font-size: 15px;
    line-height: 1.65;
    color: var(--sf-gray-600);
}
.pg-content-wrap ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 12px;
    height: 12px;
    background: var(--sf-orange);
    border-radius: 50%;
    opacity: .6;
}
.pg-content-wrap .elementor-icon-list-icon {
    color: var(--sf-orange) !important;
}

/* Elementor buttons */
.pg-content-wrap .elementor-button {
    background: var(--sf-orange) !important;
    border-radius: var(--sf-radius) !important;
    font-family: var(--sf-font) !important;
    font-weight: 700 !important;
    padding: 14px 28px !important;
    transition: var(--sf-transition) !important;
    border: none !important;
}
.pg-content-wrap .elementor-button:hover {
    background: var(--sf-orange-hover) !important;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(247,148,29,.35);
}

/* FAQ styling inside Elementor */
.pg-content-wrap .elementor-toggle,
.pg-content-wrap .elementor-accordion {
    border: none !important;
}
.pg-content-wrap .elementor-toggle-title,
.pg-content-wrap .elementor-accordion-title {
    font-family: var(--sf-font) !important;
    font-weight: 700 !important;
    color: var(--sf-blue) !important;
    font-size: 16px !important;
    padding: 18px 20px !important;
    background: var(--sf-gray-50) !important;
    border-radius: var(--sf-radius) !important;
    border: 1px solid var(--sf-gray-200) !important;
    margin-bottom: 8px !important;
}
.pg-content-wrap .elementor-tab-content {
    padding: 16px 20px !important;
    font-size: 15px !important;
    color: var(--sf-gray-600) !important;
    line-height: 1.7 !important;
}

/* Images inside content */
.pg-content-wrap img {
    border-radius: var(--sf-radius-lg);
    max-width: 100%;
    height: auto;
}

/* Elementor widget spacing */
.pg-content-wrap .elementor-widget {
    margin-bottom: 8px;
}

/* Info cards / feature boxes */
.pg-content-wrap .elementor-icon-box-wrapper {
    background: var(--sf-gray-50);
    padding: 24px;
    border-radius: var(--sf-radius-lg);
    border: 1px solid var(--sf-gray-200);
    transition: var(--sf-transition);
}
.pg-content-wrap .elementor-icon-box-wrapper:hover {
    border-color: var(--sf-orange);
    box-shadow: 0 4px 12px rgba(247,148,29,.1);
}
.pg-content-wrap .elementor-icon-box-icon i {
    color: var(--sf-orange) !important;
}
.pg-content-wrap .elementor-icon-box-title {
    font-family: var(--sf-font) !important;
    font-weight: 700 !important;
    color: var(--sf-blue) !important;
}

/* ========== PAGE CTA ========== */
.pg-cta {
    background: linear-gradient(135deg, var(--sf-blue) 0%, var(--sf-blue-dark) 100%);
    padding: 48px 0;
}
.pg-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}
.pg-cta-text h2 {
    font-family: var(--sf-font);
    font-size: 26px;
    font-weight: 800;
    color: var(--sf-white);
    margin: 0 0 8px;
}
.pg-cta-text p {
    color: rgba(255,255,255,.7);
    font-size: 15px;
    margin: 0;
}
.pg-cta-buttons {
    display: flex;
    gap: 12px;
    flex-shrink: 0;
}

/* ========== RESPONSIVE ========== */
@media (max-width: 768px) {
    .pg-hero { padding: 40px 0 36px; }
    .pg-hero h1 { font-size: 26px; }
    .pg-hero-meta { gap: 10px; }
    .pg-hero-meta span { font-size: 12px; padding: 6px 12px; }
    .pg-content { padding: 40px 0; }
    .pg-content-wrap h2,
    .pg-content-wrap .elementor-heading-title { font-size: 22px; }
    .pg-cta-inner { flex-direction: column; text-align: center; }
    .pg-cta-buttons { flex-direction: column; width: 100%; }
    .pg-cta-buttons .sf-btn { width: 100%; justify-content: center; }
    .pg-cta-text h2 { font-size: 22px; }
}