/* ============================================
   Park.dog — Resources Page CSS
   Owns: resources-page-only styling.
   ============================================ */

/* ============================================================
   RESPONSIVE — tablet (≤1024) and mobile (≤767).
   Resource cards use .parkdog-icon-box (flex row: icon + content);
   on narrow screens the content column gets cramped.
   ============================================================ */

/* ---- Tablet (≤1024px) ---- */
@media (max-width: 1024px) {
    .page-id-43 .parkdog-icon-box { padding: 24px !important; gap: 16px !important; }
    .page-id-43 .parkdog-icon-box h4,
    .page-id-43 .parkdog-icon-box .elementor-widget-heading h4 { font-size: 14px !important; }
}

/* ---- Mobile (≤767px) ---- */
@media (max-width: 767px) {
    /* Tighter icon-box padding on mobile so text has more horizontal room */
    .page-id-43 .parkdog-icon-box { padding: 20px !important; gap: 14px !important; }
    .page-id-43 .parkdog-icon-box h4,
    .page-id-43 .parkdog-icon-box .elementor-widget-heading h4 { font-size: 13px !important; }
    .page-id-43 .parkdog-icon-box p,
    .page-id-43 .parkdog-icon-box .elementor-widget-text-editor p { font-size: 13px !important; }

    /* Primary card: "Email required" hint sits inline after the button —
       on mobile it needs to wrap below the button or shrink to fit */
    .parkdog-resource-primary .elementor-element-rs_btn::after {
        display: block;
        margin-left: 0 !important;
        margin-top: 8px;
    }

    /* Page header tighter */
    .parkdog-page-header { padding: 40px 24px !important; }
    .page-id-43 .parkdog-page-header .elementor-widget-heading h2 { font-size: 30px !important; line-height: 1.15 !important; }

    /* FAQ accordion tighter padding */
    .parkdog-faq-item { padding: 18px !important; }
}