/*
 *
 *   Pedigree - Trekkhundregisteret
 *   Copyright (C) 2026  Morten Rønseth <morten@ronseth.no>
 *
 *   This program is free software: you can redistribute it and/or modify
 *   it under the terms of the GNU Affero General Public License as published
 *   by the Free Software Foundation, either version 3 of the License, or
 *   (at your option) any later version.
 *
 *   This program is distributed in the hope that it will be useful,
 *   but WITHOUT ANY WARRANTY; without even the implied warranty of
 *   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *   GNU Affero General Public License for more details.
 *
 *   You should have received a copy of the GNU Affero General Public License
 *   along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 */


/* =============================================
   Global
   ============================================= */

#dont_display
{
    cursor: pointer;
}

/* Remove spurious <br> elements injected by WordPress after <li> tags */
li + br
{
    display: none;
}


/* =============================================
   Logo — base: xs (< 768px)
   ============================================= */

.logo img
{
    max-height: 50px;
    max-width: 100px;
    margin-top: 15px;
}


/* =============================================
   Navigation — base: xs (< 768px)
   ============================================= */

nav.nav
{
    line-height: 1em;
}


/* =============================================
   Responsive breakpoints
   ============================================= */

/* xs — < 768px */
@media (max-width: 767px)
{
    .listing.item .col-md-11
    {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

/* sm — >= 768px */
@media (min-width: 768px)
{
    .logo img
    {
        max-height: 120px;
        max-width: 230px;
        margin-top: -5px;
    }

    nav.nav
    {
        line-height: 6em;
    }

    .form-horizontal .control-label
    {
        text-align: left;
    }
}

/* md — < 992px (tablet and below) */
@media (max-width: 992px)
{
    /* Kennel ID inline layout */
    div.kennel-id
    {
        display: inline-block;
        margin-left: -20px;
    }

    label.control-label.col-sm-3.external-id
    {
        width: auto !important;
    }

    /* Search criteria layout */
    #criteria .col-xs-2
    {
        padding-left: 5px !important;
    }

    #criteria .col-xs-9
    {
        width: 60% !important;
    }

    /* Listing links — truncate long names */
    div.row div.col-xs-12 a
    {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: inline-block;
        vertical-align: bottom;
    }

    .nowrap
    {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* Column width adjustments */
    div.col-xs-1
    {
        width: 13.333%;
    }

    .col-xs-11
    {
        width: 86.667%;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    /* Layout */
    div.logo
    {
        height: 250px;
    }

    /* Navigation */
    .nav > li > a
    {
        padding: 0 5px;
    }

    .navbar .nav a
    {
        font-size: 12px !important;
    }

    .navbar-collapse
    {
        padding-left: 35px;
    }

    /* Footer */
    footer div.col-sm-12
    {
        padding: 0;
    }

    /* Header */
    header div.header h1
    {
        font-size: 30px !important;
    }

    /* Forms */
    .form-group
    {
        margin-left: -30px !important;
    }

    label.control-label
    {
        width: 90px !important;
    }

    .list-link {
        margin-bottom: 0em !important;
    }
}

/* md — >= 992px */
@media (min-width: 992px)
{
    .logo img
    {
        max-height: 150px;
        max-width: 280px;
        margin-top: -11px;
    }
}

/* lg — >= 1200px */
@media (min-width: 1200px)
{
    .logo img
    {
        max-height: 200px;
        max-width: 300px;
        margin-top: -15px;
    }
}

/* xl — >= 1600px */
@media (min-width: 1600px)
{
    .logo img
    {
        max-height: 220px;
        max-width: 320px;
    }
}