/* Личный кабинет: карточки разделов и заголовок группы в боковом меню.
   Вынесено из wp_head — файл кэшируется браузером, а не печатается
   в каждый ответ. */
/* Главная кабинета: меню не нужно, карточки занимают всю ширину.

   Тема раскладывает кабинет одним из трёх способов, и «убрать меню»
   в каждом означает своё:
     · float  — достаточно снять обтекание и задать ширину;
     · flex   — элементу нужно разрешить занять всю строку;
     · grid   — колонка под меню остаётся в шаблоне, даже когда сам
                элемент скрыт, и содержимое уезжает во вторую колонку.
                Слева получается пустое место — ровно то, что и вышло.

   Поэтому покрываем все три сразу. !important здесь не украшение:
   правила темы приходят после нашего файла и без него выигрывают. */

        .cma-account-dashboard-page .woocommerce-MyAccount-navigation {
            display: none !important;
        }

        .cma-account-dashboard-page .woocommerce-MyAccount-content {
            width: 100% !important;
            max-width: 100% !important;
            float: none !important;
            margin-left: 0 !important;
            margin-right: 0 !important;
            /* flex-раскладка */
            flex: 1 1 100% !important;
            /* grid-раскладка: занять все колонки, а не вторую */
            grid-column: 1 / -1 !important;
        }

/* Случай, когда тема оборачивает меню и содержимое в свои колонки
   (<div class="col-3"><nav>…</nav></div>). Тогда правила выше не помогают:
   скрыт сам <nav>, а колонка под ним осталась и держит ширину.

   Условие читается так: «элемент, который содержит меню НЕПОСРЕДСТВЕННО,
   но не содержит внутри себя содержимое кабинета». Вторая половина
   обязательна — без неё под правило попал бы общий контейнер,
   в котором лежат оба блока, и мы скрыли бы всю страницу.

   :has() понимают все актуальные браузеры; там, где нет, правило просто
   игнорируется и остаётся прежнее поведение. */

        .cma-account-dashboard-page
        :has(> .woocommerce-MyAccount-navigation):not(:has(.woocommerce-MyAccount-content)) {
            display: none !important;
        }

        .cma-account-dashboard-page
        :has(> .woocommerce-MyAccount-content):not(:has(.woocommerce-MyAccount-navigation)) {
            width: 100% !important;
            max-width: 100% !important;
            flex: 1 1 100% !important;
            grid-column: 1 / -1 !important;
        }

        .cma-dashboard {
            max-width: 1180px;
            margin: 0 auto;
        }

        .cma-dashboard-header {
            margin-bottom: 28px;
        }

        .cma-dashboard-header h2 {
            margin: 0 0 8px;
            font-size: 32px;
            font-weight: 700;
        }

        .cma-dashboard-header p {
            margin: 0;
            font-size: 16px;
            color: #667085;
        }

        .cma-card-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 20px;
        }

        .cma-card {
            display: flex;
            gap: 16px;
            padding: 24px;
            min-height: 170px;
            background: #ffffff;
            border: 1px solid #e5e7eb;
            border-radius: 20px;
            text-decoration: none;
            box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
            transition: 0.2s ease;
        }

        .cma-card:hover {
            transform: translateY(-3px);
            box-shadow: 0 16px 40px rgba(15, 23, 42, 0.1);
        }

        .cma-card-icon {
            width: 52px;
            height: 52px;
            border-radius: 16px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: #ecfdf5;
            font-size: 28px;
            flex-shrink: 0;
        }

        .cma-card-content h3 {
            margin: 0 0 8px;
            font-size: 20px;
            color: #111827;
        }

        .cma-card-content p {
            margin: 0 0 14px;
            color: #667085;
            line-height: 1.45;
        }

        .cma-card-content span {
            color: #00a884;
            font-weight: 600;
        }

        .cma-side-title {
            padding: 18px;
            margin-bottom: 14px;
            background: #ffffff;
            border: 1px solid #e5e7eb;
            border-radius: 16px;
        }

        .cma-side-icon {
            font-size: 26px;
            margin-bottom: 8px;
        }

        .cma-side-title strong {
            display: block;
            font-size: 17px;
            margin-bottom: 6px;
        }

        .cma-side-title p {
            margin: 0;
            font-size: 13px;
            color: #667085;
            line-height: 1.4;
        }

        @media (max-width: 1024px) {
            .cma-card-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }

        @media (max-width: 640px) {
            .cma-card-grid {
                grid-template-columns: 1fr;
            }

            .cma-card {
                padding: 20px;
            }
        }