/* Shared action colors for the English and Arabic public website. */
:root {
    --action-champagne: #f7e7ce;
    --action-champagne-hover: #ecd6b3;
    --action-gold: #d4af37;
    --action-gold-hover: #c39e2f;
    --action-black: #141414;
    --action-black-hover: #242424;
}

.cta-profile {
    --action-background: var(--action-champagne);
    --action-hover: var(--action-champagne-hover);
    --action-text: #352b1e;
    --action-edge: #c9ae80;
}

.cta-book {
    --action-background: var(--action-gold);
    --action-hover: var(--action-gold-hover);
    --action-text: #141414;
    --action-edge: #a88724;
}

.cta-call {
    --action-background: var(--action-black);
    --action-hover: var(--action-black-hover);
    --action-text: var(--action-gold);
    --action-edge: var(--action-gold);
}

/* Page styles and phone-reveal handlers use inline colors. Keep these
   color-only overrides authoritative without changing button sizing. */
:is(.cta-profile, .cta-book, .cta-call) {
    background: var(--action-background) !important;
    color: var(--action-text) !important;
    border-color: var(--action-edge) !important;
    box-shadow: inset 0 0 0 1px var(--action-edge), 0 3px 10px rgb(20 20 20 / 12%) !important;
}

:is(.cta-profile, .cta-book, .cta-call):is(:hover, :focus-visible) {
    background: var(--action-hover) !important;
    box-shadow: inset 0 0 0 1px var(--action-edge), 0 6px 16px rgb(20 20 20 / 20%) !important;
}

:is(.cta-profile, .cta-book, .cta-call):active {
    background: var(--action-hover) !important;
    box-shadow: inset 0 0 0 1px var(--action-edge), 0 2px 6px rgb(20 20 20 / 16%) !important;
}

:is(.cta-profile, .cta-book, .cta-call):focus-visible {
    outline: 2px solid #80621b !important;
    outline-offset: 3px;
}

:is(.cta-profile, .cta-book, .cta-call) :is(i, span) {
    color: inherit !important;
}

/* Three-action listing cards: Call + Book Online, then View Profile.
   Scope to complete groups so cards with fewer actions keep their layout. */
:is(.company-actions, .nurse-actions):has(> .cta-call):has(> .cta-book):has(> .cta-profile) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

:is(.company-actions, .nurse-actions):has(> .cta-call):has(> .cta-book):has(> .cta-profile) > :is(.cta-call, .cta-book, .cta-profile) {
    box-sizing: border-box;
    min-width: 0;
    width: 100%;
    height: 100%;
    padding-inline: 8px;
    white-space: normal;
    overflow-wrap: anywhere;
    text-align: center;
    justify-content: center;
}

:is(.company-actions, .nurse-actions):has(> .cta-book):has(> .cta-profile) > .cta-call {
    grid-column: 1;
    grid-row: 1;
}

:is(.company-actions, .nurse-actions):has(> .cta-call):has(> .cta-profile) > .cta-book {
    grid-column: 2;
    grid-row: 1;
}

:is(.company-actions, .nurse-actions):has(> .cta-call):has(> .cta-book) > .cta-profile {
    grid-column: 1 / -1;
    grid-row: 2;
}