/* DigiKoder Domain Manager — Search Form Styles
   Espacements : série Fibonacci (8, 13, 21, 34, 55, 89px)
   Couleurs    : règle 60-30-10 (fond/surfaces/accents)
*/

/* -----------------------------------------------------------------------
   Wrapper principal
   ----------------------------------------------------------------------- */
#dk-domain-search-form {
    background: #0e1729;
    border: 0px solid #dee2e6;
    border-radius: 8px;
    padding: 21px;
    margin-bottom: 34px;
}

#dk-domain-search-form legend,
#dk-domain-search-form .dk-search-label {
    font-size: 1.1em;
    font-weight: 600;
    margin-bottom: 13px;
    display: block;
    color: #ffffff;
}

/* -----------------------------------------------------------------------
   Champ de saisie + sélecteur TLD + bouton
   ----------------------------------------------------------------------- */
.dk-search-row {
    display: flex;
    gap: 8px;
    align-items: stretch;
    flex-wrap: wrap;
}

#dk-domain-name {
    flex: 1 1 200px;
    min-height: 44px; /* taille min cibles cliquables */
    padding: 8px 13px;
    border: 1px solid #ced4da;
    border-radius: 6px;
    font-size: 1em;
}

#dk-domain-tld {
    min-width: 100px;
    min-height: 44px;
    padding: 8px 13px;
    border: 1px solid #ced4da;
    border-radius: 6px;
    font-size: 1em;
    background: #fff;
}

#dk-domain-check-btn {
    min-height: 44px;
    min-width: 44px;
    padding: 8px 21px;
    background: #0073aa;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 1em;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.2s;
}

#dk-domain-check-btn:hover {
    background: #005a8e;
}

#dk-domain-check-btn:disabled {
    background: #6c757d;
    cursor: not-allowed;
}

/* -----------------------------------------------------------------------
   Panneau de résultat
   ----------------------------------------------------------------------- */
#dk-domain-result {
    margin-top: 13px;
    padding: 13px 21px;
    border-radius: 6px;
    border: 1px solid #dee2e6;
    background: #fff;
}

#dk-domain-result.dk-available {
    border-color: #28a745;
    background: #f0fff4;
}

#dk-domain-result.dk-unavailable {
    border-color: #dc3545;
    background: #fff5f5;
}

#dk-domain-price {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.dk-domain-name {
    font-weight: 700;
    font-size: 1.05em;
    color: #212529;
}

.dk-badge {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.82em;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.dk-badge--available {
    background: #28a745;
    color: #fff;
}

.dk-badge--unavailable {
    background: #dc3545;
    color: #fff;
}

.dk-price {
    font-size: 1.1em;
    font-weight: 700;
    color: #0073aa;
}

.dk-loading {
    color: #6c757d;
    font-style: italic;
}

.dk-error {
    color: #dc3545;
}

/* -----------------------------------------------------------------------
   Suggestions
   ----------------------------------------------------------------------- */
#dk-domain-suggestions {
    margin-top: 13px;
}

#dk-domain-suggestions p {
    margin: 0 0 8px;
    color: #495057;
}

#dk-domain-suggestions ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.dk-suggestion {
    background: #e9ecef;
    border-radius: 4px;
    padding: 8px 13px;
}

.dk-suggestion a.dk-pick-suggestion {
    color: #0073aa;
    font-weight: 600;
    text-decoration: none;
}

.dk-suggestion a.dk-pick-suggestion:hover {
    text-decoration: underline;
}

.dk-suggestion .dk-price {
    font-size: 0.9em;
    color: #495057;
}

/* -----------------------------------------------------------------------
   Bouton Ajouter au panier (état désactivé)
   ----------------------------------------------------------------------- */
.single_add_to_cart_button.disabled,
.single_add_to_cart_button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

/* =======================================================================
   Shortcode [digikoder_domain_checker] — #dk-domain-checker-sc
   Espacements : Fibonacci (8, 13, 21, 34, 55, 89px)
   Ratio conteneur : golden ratio (1.618)
   ======================================================================= */

#dk-domain-checker-sc {
    background: #1a2744;
    border: 0px solid #dee2e6;
    border-radius: 8px;
    padding: 21px;
    max-width: calc(100% / 1.618 * 1.618); /* conteneur pleine largeur */
}

/* -----------------------------------------------------------------------
   Ligne de recherche
   ----------------------------------------------------------------------- */
.dk-sc-search-row {
    display: block;
    gap: 8px;
    align-items: stretch;
    flex-wrap: wrap;
}

#dk-sc-domain-name {
    flex: 1 1 200px;
    min-height: 44px;
    padding: 8px 10px;
    border: 1px solid #ced4da;
    border-radius: 6px;
    font-size: 1em;
}

#dk-sc-domain-tld {
    min-width: 110px;
    min-height: 44px;
    padding: 8px 13px;
    border: 1px solid #ced4da;
    border-radius: 6px;
    font-size: 1em;
    background: #fff;
}

.dk-sc-btn {
    min-height: 44px;
    min-width: 44px;
    padding: 8px 21px;
    border: none;
    border-radius: 6px;
    font-size: 1em;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.2s, opacity 0.2s;
    font-weight: 600;
}

.dk-sc-btn--check {
    background: #0073aa;
    color: #fff;
}

.dk-sc-btn--check:hover {
    background: #005a8e;
}

.dk-sc-btn--check:disabled {
    background: #6c757d;
    cursor: not-allowed;
}

/* -----------------------------------------------------------------------
   Panneau résultat
   ----------------------------------------------------------------------- */
.dk-sc-result {
    margin-top: 13px;
    padding: 13px 21px;
    border-radius: 6px;
    border: 1px solid #dee2e6;
    background: #fff;
}

.dk-sc-result.dk-sc-available {
    border-color: #28a745;
    background: #f0fff4;
}

.dk-sc-result.dk-sc-unavailable {
    border-color: #dc3545;
    background: #fff5f5;
}

.dk-sc-price-line {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

/* -----------------------------------------------------------------------
   Suggestions
   ----------------------------------------------------------------------- */
.dk-sc-suggestions {
    margin-top: 13px;
}

.dk-sc-suggestions p {
    margin: 0 0 8px;
    color: #495057;
}

.dk-sc-suggestions ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* -----------------------------------------------------------------------
   Bloc achat : sélecteur de site + bouton réserver
   ----------------------------------------------------------------------- */
.dk-sc-buy-wrapper {
    margin-top: 21px;
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.dk-sc-site-selector {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.dk-sc-site-label {
    font-weight: 600;
    font-size: 0.95em;
    color: #495057;
}

.dk-sc-site-select {
    width: 100%;
    min-height: 44px;
    padding: 8px 13px;
    border: 1px solid #ced4da;
    border-radius: 6px;
    font-size: 1em;
    background: #fff;
}

.dk-sc-btn--buy {
    background: #28a745;
    color: #fff;
    align-self: flex-start;
    padding: 13px 34px;
    font-size: 1.05em;
    border-radius: 6px;
}

.dk-sc-btn--buy:hover {
    background: #1e7e34;
}

.dk-sc-btn--buy:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* -----------------------------------------------------------------------
   Responsive
   ----------------------------------------------------------------------- */
@media (max-width: 600px) {
    .dk-sc-search-row {
        flex-direction: column;
    }

    #dk-sc-domain-name,
    #dk-sc-domain-tld,
    .dk-sc-btn--check {
        width: 100%;
    }

    .dk-sc-btn--buy {
        width: 100%;
        text-align: center;
    }
}