/* =========================================
   Hero - نیلگون دنیز
   Covers: hero title/subtitle, the 4 feature boxes (اتاق بازرگانی /
   ایزو / سابقه / اتحادیه), and the "About us" eyebrow label that
   marks the start of the next section.
   ========================================= */

/* ===== Hero title block ===== */
[data-id="30fafd7"] {
    text-align: center;
}

[data-id="00241f6"] .elementor-heading-title {
    font-family: var(--font-main) !important;
    font-weight: 800 !important;
    font-size: clamp(2rem, 5vw, var(--fs-3xl)) !important;
    color: #fff !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.55), 0 1px 3px rgba(0, 0, 0, 0.4);
    line-height: 1.25;
    margin-bottom: var(--space-sm) !important;
}

[data-id="6180dd1"] .elementor-heading-title {
    font-family: var(--font-main) !important;
    font-weight: 500 !important;
    font-size: var(--fs-lg) !important;
    color: #fff !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
    max-width: 620px;
    margin: 0 auto !important;
    line-height: 1.8;
}

/* ===== Feature boxes (4 cards) ===== */
[data-id="8ea27be"] {
    background-color: var(--background) !important;
    padding-top: var(--space-lg) !important;
    padding-bottom: var(--space-lg) !important;
}

[data-id="252a2a5"],
[data-id="48214a5"],
[data-id="b20aa8e"] {
    gap: var(--space-md);
    align-items: stretch !important;
}

/* Turn each image-box widget into a card — single unified background
   color, with a green accent border on top, content centered, and
   stretched to equal height within its row */
[data-id="708c23c"],
[data-id="9c79287"],
[data-id="d3b1ef6"],
[data-id="b93ef63"] {
    background-color: var(--surface) !important;
    border: 1px solid var(--border);
    border-top: 3px solid var(--accent) !important;
    border-radius: var(--radius) !important;
    padding: var(--space-md) !important;
    transition: transform var(--transition), box-shadow var(--transition);
    height: 100% !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: flex-start;
    box-sizing: border-box;
}
[data-id="708c23c"]:hover,
[data-id="9c79287"]:hover,
[data-id="d3b1ef6"]:hover,
[data-id="b93ef63"]:hover {
    transform: translateY(-6px);
    box-shadow: var(--shadow);
}

/* Center the actual inner content wrapper that Elementor generates
   (image-box-wrapper), overriding whatever "Content Position" was set
   in the widget's own settings */
[data-id="708c23c"] .elementor-image-box-wrapper,
[data-id="9c79287"] .elementor-image-box-wrapper,
[data-id="d3b1ef6"] .elementor-image-box-wrapper,
[data-id="b93ef63"] .elementor-image-box-wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    width: 100%;
}
[data-id="708c23c"] .elementor-image-box-content,
[data-id="9c79287"] .elementor-image-box-content,
[data-id="d3b1ef6"] .elementor-image-box-content,
[data-id="b93ef63"] .elementor-image-box-content {
    text-align: center !important;
    width: 100%;
}

/* Icon/logo image inside each card */
[data-id="708c23c"] .elementor-image-box-img img,
[data-id="9c79287"] .elementor-image-box-img img,
[data-id="d3b1ef6"] .elementor-image-box-img img,
[data-id="b93ef63"] .elementor-image-box-img img {
    max-width: 64px;
    height: auto;
    margin: 0 auto var(--space-xs);
    display: block;
}

/* Card title */
[data-id="708c23c"] .elementor-image-box-title,
[data-id="9c79287"] .elementor-image-box-title,
[data-id="d3b1ef6"] .elementor-image-box-title,
[data-id="b93ef63"] .elementor-image-box-title {
    font-family: var(--font-main) !important;
    font-weight: 700 !important;
    font-size: var(--fs-base) !important;
    color: var(--primary) !important;
    margin-bottom: 0.35rem;
}

/* Card description */
[data-id="708c23c"] .elementor-image-box-description,
[data-id="9c79287"] .elementor-image-box-description,
[data-id="d3b1ef6"] .elementor-image-box-description,
[data-id="b93ef63"] .elementor-image-box-description {
    font-family: var(--font-main) !important;
    font-size: var(--fs-sm) !important;
    color: var(--text-light) !important;
    line-height: 1.7;
}

/* ===== "About us" eyebrow label ===== */
[data-id="518f371"] {
    padding-top: var(--space-lg) !important;
    padding-bottom: var(--space-xs) !important;
}
[data-id="f995332"] .elementor-heading-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    font-family: var(--font-main) !important;
    font-weight: 700 !important;
    font-size: var(--fs-sm) !important;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--accent) !important;
}
[data-id="f995332"] .elementor-heading-title::before,
[data-id="f995332"] .elementor-heading-title::after {
    content: "";
    display: inline-block;
    width: 32px;
    height: 2px;
    background: var(--accent);
    opacity: 0.5;
    border-radius: 2px;
}

/* ===== Responsive ===== */
/* (feature-box grid above already handles mobile layout) */