/* FILENAME: style.css */
/* LOCATION: oanminute-pro/tools/lorem-ipsum-generator/style.css */
/* Styles specific to the Lorem Ipsum Generator Tool */

.lipsum-interface {
    /* .tool-interface-container from main_style.css provides base */
    padding: 25px 30px; /* More spacious padding for tool interface */
}

.lipsum-options-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px 25px; /* row-gap column-gap */
    margin-bottom: 25px;
    align-items: end; /* Align form groups at their bottom */
}

.form-group-pro.lipsum-start-option {
    display: flex;
    align-items: center; /* Vertically align checkbox and label */
    gap: 10px;
    padding-top: 20px; /* Align with other form groups that have labels above */
    margin-bottom: 0; /* Remove default bottom margin if it's the last item in a row */
}

/* Custom Checkbox Styling (from main_style.css or similar) */
/* If not globally defined, add basic styling here */
.form-check-input-pro {
    width: 18px;
    height: 18px;
    cursor: pointer;
    accent-color: var(--accent-primary); /* Modern way to color checkboxes */
    /* Fallback for older browsers (more complex styling needed) */
    /* appearance: none; -webkit-appearance: none;
    border: 1px solid var(--input-border);
    border-radius: var(--border-radius-sm);
    position: relative; */
}
/* .form-check-input-pro:checked {
    background-color: var(--accent-primary);
    border-color: var(--accent-primary);
}
.form-check-input-pro:checked::before {
    content: '\f00c'; // Font Awesome check icon
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: white;
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    font-size: 0.8em;
} */
.form-check-label-pro {
    font-size: 0.95rem;
    color: var(--text-secondary);
    cursor: pointer;
    user-select: none; /* Prevent text selection on label click */
}


.lipsum-generate-action {
    /* .tool-actions-pro class from main_style.css handles centering */
    margin-bottom: 25px; /* Space before result area */
}
/* #lipsum-generate-btn uses .btn-pro .primary from main_style.css */


.lipsum-result-wrapper {
    /* .result-container-pro from main_style.css provides base */
    padding: 20px;
    background-color: var(--input-bg); /* Slightly different background for output */
    border: 1px solid var(--border-color);
    /* display: none; /* JS controls visibility */
}

.result-header-lipsum {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}
/* .result-header-lipsum .result-title-pro comes from main_style.css */
/* #lipsum-copy-btn uses .btn-pro .secondary .btn-sm-pro from main_style.css */
#lipsum-copy-btn i.fa-check { display: none; }
#lipsum-copy-btn.copied i.fa-copy { display: none; }
#lipsum-copy-btn.copied i.fa-check { display: inline-block; color: var(--accent-success); }


.lipsum-output-area { /* The div where generated text appears */
    background-color: var(--bg-primary); /* Darker background for text area */
    color: var(--text-primary);
    padding: 15px 20px;
    border-radius: var(--border-radius-md);
    border: 1px solid var(--border-color-strong);
    min-height: 150px; /* Minimum height for output */
    max-height: 400px; /* Maximum height before scrolling */
    overflow-y: auto;  /* Enable vertical scroll if content exceeds max-height */
    line-height: 1.7;  /* Good line height for readability */
    font-size: 0.95rem;
    white-space: pre-wrap; /* Preserve line breaks and wrap text */
    word-break: break-word;
}
.lipsum-output-area p:last-child {
    margin-bottom: 0; /* Remove bottom margin from the last paragraph inside */
}


/* Tool Description Read More */
/* Uses .tool-description-pro and .btn-pro-link from main_style.css */
#lipsum-short-desc p { margin-bottom: 0.5em; }
/* #lipsum-toggle-desc-btn inherits .btn-pro-link style */


/* Active nav item for this tool page */
.nav-links-pro a.active-nav-item-tool {
    color: var(--accent-primary) !important;
}
.nav-links-pro a.active-nav-item-tool::after { /* If using underline effect */
    width: 60% !important;
}

/* Responsive Adjustments specifically for Lorem Ipsum Generator */
@media (max-width: 768px) {
    .lipsum-interface {
        padding: 20px;
    }
    .lipsum-options-grid {
        grid-template-columns: 1fr; /* Stack options on mobile */
        gap: 15px;
    }
    .form-group-pro.lipsum-start-option {
        padding-top: 0; /* No need for extra top padding when stacked */
        justify-content: flex-start; /* Align checkbox to the left */
    }
    .result-header-lipsum {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    #lipsum-copy-btn {
        align-self: flex-start; /* Align copy button to left */
    }
    .lipsum-output-area {
        font-size: 0.9rem;
        min-height: 120px;
    }
}